• I am currently working on a new version of my comic’s site and am running into some issues with the custom navigation. The current theme is generatepress which for the most part is working fairly well with comic easel. What I’ve run into is the custom navigation isn’t wanting to center as well as the buttons are scrolling instead of just hovering. The test site is located at https://mostlybollocks.mostlymaylone.org/

    I figured out how to remove the bizarre borders by adding table, th, td {border: 0px solid rgba(0, 0, 0, 0.1);} to the css file. But I don’t seem to be able to find the entry taht will center the buttons, let alone stop the strange scrolling.

    https://www.ads-software.com/plugins/comic-easel/

Viewing 4 replies - 1 through 4 (of 4 total)
  • I’ve had a look at your site with Firefox’s site analyzing thingy, and it showed some css for tables that got in the way.
    Somewhere below line 1056 in your css, table width is set at 100%. You can either delete that line or, if you need tables to be 100% somewhere else, add a line in your setting for the table class .comic_navi. It’s in your navstyle.css, but you should be okay if you just add a line like

    .comic_navi { width: 350px; }

    whereever your custom css goes.
    (350px is my guess. Whatevver the actual width of your navigation is.)

    Thread Starter PlasticPaddy

    (@plasticpaddy)

    Doh! When I was playing with that last night it didn’t even occur to me to set the width to a specific size. Thanks that worked. Now I just have to figure out why they are ‘animated’.

    i found some css that does that:

    .navi:hover {
    background-position: -60px 0px;
    }

    in navstyle.css. If nothing else works, just delete that line. But you can probably just switch it off in your back end somewhere.

    Thread Starter PlasticPaddy

    (@plasticpaddy)

    Thanks as always Max.

    I think setting it to

    .navi:hover {
    background-position: 0px 0px;
    }

    Will be a good temporary solution so that I can at least get the site moved over to the new theme. What that particular css is supposed to do is make it appear that the knotwork changes to orange like it does on the current site plasticpaddypogue.com. I’m assuming there is something in the generatepress css causing it to display the scroll instead of just quickly changing it. There is another side of me that want to figure a way to use the effect ??

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