Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 27, 2015 at 3:21 pm #80315
    Joshua
    Participant

    Hey there,

    I’m using using a child theme with Simple Catch Pro and trying to use the custom css tool but not all of the code I am adding is taking any effect. I have been playing around with it for a while and updated everything so I am not sure what I am doing wrong. Some of the code I have used has worked but only on a few rare occasions.

    Specifically I am tring to centre the menu text using this code:
    `.menu.catchresponsive-nav-menu, #menumain {
    float: none;
    text-align: center;
    width: 100%;
    }
    .catchresponsive-nav-menu li { float: none; }

    How do I fix my custom css or use it properly in the first place when entering multiple lines of code for different customizations?

    My site is http://www.roamingjosh.org/

    Thanks for your time!

    November 27, 2015 at 5:17 pm #80318
    Pratik
    Participant

    Hi @Joshua,
    To centre the menu, please remove that Custom CSS from “Appearance=> Theme Options=> Custom CSS” and add the following code:

    #access {
    text-align: center;
}

#access ul li {
    display: inline-block;
    float: none;
    margin-bottom: -7px;
    margin-left:-4px;
}

#access ul li li {
    display: block;
    float: left;
    text-align: left;
    margin-bottom: -1px;
    margin-left:0;
}

    You have used custom CSS for Catch Responsive theme. The custom CSS for every theme is different. So you need to check each theme’s HTML structure carefully before adding them in.

    Let me know if this solves your issue.

    November 28, 2015 at 8:26 am #80331
    Joshua
    Participant

    Thanks! That all works fine now!

    Thanks for your time! 🙂

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Custom Css not working in Simple Catch Pro’ is closed to new replies.