Centering the Comic Easel Navigation

  • Resolved kozz12

    (@kozz12)


    6 years, 2 months ago

    This is likely a beginners question, but any help is appreciated.
    I’m simply trying to center the navigation buttons under the comic via the Comic Easel plugin. Right now the navigation is aligning left, and I can’t figure out where or how to change that, whether my theme is messing with the alignment. I’m exhausted after playing around for a day. Maybe it’s something simple I’m missing.

    Thank you in advance.

    • This topic was modified 6 years, 2 months ago by kozz12.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter kozz12

    (@kozz12)

    Gah. I somehow found a fickle work around after some more hours of searching for the right code, I had to add some .css to the theme itself but it was a wild goose hunt and I honestly spent an entire day just to do something so simple. I know it’s probably asking too much, but I feel like there should at least be a couple of features to make this plugin just a wee bit more user friendly in customization for the .css inept or for those that are unable to get into the website directory (would love to change the graphics but I can’t upload for that… oh well).

    I’m yelling into the void I’m sure, but at least it’s the best comic plugin out there and free which I can’t complain about, and it functions… that’s all I can ask for haha

    You mean the default navigation under the comic? I’m not using it myself but I just switched it on for reference and it’s centered just fine. My guess is that it’s really the theme or some modification messing with your css. Of course, that’s all I can do, guess, without knowing the site.

    Try this: hover your mouse over the element, right-click and choose “Examine Element” or whatever it’s called in your browser. (I’m using Firefox on Windows and also in German, so again with the guessing.) Or just hit F12 and look for the navigation element. Either way, this should show you all the css that goes into displaying the element and where it’s specified, and you can toggle it off and on to see if that helps. If you can’t find anything there, move up in the hierarchiy. If I’m right, the navigation is located in another element that affects its placement. (For example, in my copy, it’s located within the “comic foot” element and that has a “text-align:center;” line that would displace the navigation if switched off.)

    • This reply was modified 6 years, 2 months ago by MaxVaehling.
    • This reply was modified 6 years, 2 months ago by MaxVaehling.
    • This reply was modified 6 years, 2 months ago by MaxVaehling.
    Thread Starter kozz12

    (@kozz12)

    Hello,
    It is the graphic navigation that I am using. I actually did use the “inspect element” option to get where I am (very handy tool!)…. last night I added this to the additional css:

    .comic_navi {
    width: 30% !important;
    max-width: 30% !important;
    margin: 0 auto !important;
    float: none !important;
    }

    @media only screen and (max-width: 768px) {
    .comic_navi {
    width: 100% !important;
    max-width: 100% !important;
    }

    This seems to have worked ok on my computer display the best… and it seems sufficient enough on tablet devices, at least where I can live with it haha.

    Here is a link:
    https://www.tidalarchsaga.com/comic/the-vision/the-vision-1-1/

    Now if only I could switch out those button graphics I’d be happy as a clam.

    Thanks!

    • This reply was modified 6 years, 2 months ago by kozz12. Reason: resolved (pretty much)

    If that overrides whatever has been overriding your navi’s doing that in the first place, great!

    If you want to switch out the buttons, you can do that by creating a folder like the one that has them now but in your child theme and upload your own graphics there. Just use one of the folders and its pics as a template and mimic that.

    Okay, it may be a teensy bit more complicated but here’s a good breakdown:

    https://webcomics.com/articles/tech/customizing-your-sites-navigation-buttons-comicpress-comics-easel/

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Centering the Comic Easel Navigation’ is closed to new replies.