Centre header & Nav customisation (Inkblot theme + webcomic plugin)

  • Resolved jessicalbyrne

    (@jessicalbyrne)


    7 years, 8 months ago

    Hey!

    I can’t figure out these things because I’m not CSS literate. please help!
    Theres a few things I want to do.
    1. Centre my header image.
    2. Figure out how to edit the comic navigation, customising it with my own images, and 3. have the middle button be archive, not random.
    Make it so clicking on the comic image will take me to the next page.

    1. So I want to try and centre my header image- site is here: https://thegodstonecomic.com/

    The theme I’m using is Inkblot and the plugin is Webcomic

    So Ive tried putting “text-align: center;” in .banner > a so it looks like this: banner {
    position: relative; }
    .banner > a {
    color: #000;
    display: block;
    line-height: 1.4;
    padding: 0;
    white-space: normal;
    text-align: center;
    }

    But nothing happened. It worked when I was fiddling with the CS in the inspect Element page of chrome, but not on the page itself.

    I went on a mad spree of adding the centre code everywhere that I thought linked to the header but to no avail.

    for the other two things I have no idea how to solve and would appreciate any help. Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

  • The header is centered for me when I load the site. You had the correct code! Sometimes you need to flush the cache of your browser if you’ve been making a lot of changes to the CSS in order to see the changes actually appear.

    What do mean by customizing the navigation with your own images. Do you want to replace the navigation text links with images instead? Images with text captions?

    What “middle button”? The infinity symbol in the secondary navigation? Is there an option for this secondary navigation in Appearance > Customize in your dashboard?

    Thread Starter jessicalbyrne

    (@jessicalbyrne)

    OH yay! I’m a secret genius! Thanks.

    For the comic navigation, the back and forward arrows, I want to be able to replace them with my own custom arrow images. The same with the infinity symbol, I want to be able to change that.

    This is the default comic navigation that comes with the plugin Web comic, so I want to be able to change it so I can make my own navigation arrows, but it happens automatically for all new pages I add. I hope that makes sense.

    As this comes with the plugin I can’t see where I can customise it. In Appearance>Customise there is something that says “web comic navigation header” However when I click on it there’s nothing useful in there. At least, not that I understand!

    Screengrabs: Custom 1
    Custom 2

    Yes, I believe I understand you.

    That will take some doing, and may be quite difficult with only a rudimentary level of CSS literacy. Also, the navigation arrows are simple characters, not images, so you may even need to be editing the PHP at some point.

    Before attempting that, I would contact the plugin author or ask this question over at the plugin support page.

    Note: the plugin support page states that it has not been updated in a while, but the plugin author has recently noted that they are working on an update.

    Hopefully, they will be able to help you with a quick fix for either using different navigation arrows (maybe one of these would work?) or with changing the center link.

    Re: the Webcomic Navigation Header area of Appearance > Customize – it appears to be offering you the option of adding a widget there. You could check your Appearance > Widgets area to see if there are any active ones there to edit.

    Good luck!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Centre header & Nav customisation (Inkblot theme + webcomic plugin)’ is closed to new replies.