Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 4, 2014 at 8:45 am #219217
    animaxmsa

    Hey there,

    After making changes to the theme option under styling, If I make any changes to the CSS code; enfold.css the settings from the theme options (styling) are changed back to default. Like if i set a background image for the header and then if change the navigation item color through CSS, the BG disappears. Now all i have to do is to go to the options and resave the options i want. This way i cannot change anything from the CSS. Kindly please assist.

    Thanks.

    February 4, 2014 at 4:36 pm #219441
    Yigit

    Hi animaxmsa!

    You can add your custom CSS codes into Custom.css file inside Enfold/Css folder, please do not add them in Style.css file. It should work fine, please try again and let us know if it does not

    Best regards,
    Yigit

    February 6, 2014 at 3:02 pm #220462
    animaxmsa

    Thanks for the response.
    I tried the code below but there was no change.

    #menu a{
    color:#ffffff;
    font-size:13px;
    font-family: ‘Oswald’, arial, sans-serif;
    text-decoration:none;
    word-wrap:break-word;
    }

    #menu ul {
    list-style-type:none;
    }

    #menu{
    height:15px;
    width:680px;
    float:right;
    }
    #menu ul{
    margin-left:0px;
    padding:0px;
    position:absolute;
    line-height:50px;
    z-index:500;
    }
    #menu ul a{
    float:left;
    display:block;
    padding:5px 20px 5px 20px;
    line-height:35px;
    z-index:500;
    margin-top:-5px;
    }
    #menu ul li{
    float:left;
    position:relative;
    padding-bottom:0px;
    z-index:20;
    margin-left:20px;
    margin-right:20px;
    }
    #menu ul ul{
    display:none;
    margin:0px 0px 0px 0px;
    top:40px;
    left:0px;
    width:160px;
    }
    #menu ul ul a{
    margin:0px;
    line-height:22px;
    }
    #menu ul li li{
    margin:0px;
    width:160px;
    }
    #menu ul ul ul{
    top:auto;
    padding-top:10px;
    padding-bottom:10px;
    }
    #menu ul li ul a{
    float:left;
    width:120px;
    }
    #menu ul li ul ul{
    top:0px;
    left:162px;
    }
    #menu ul li:hover ul ul, #menu ul li:hover ul ul ul, #menu ul li:hover ul ul ul ul { display:none; }
    #menu ul li:hover ul, #menu ul li li:hover ul, #menu ul li li li:hover ul, #menu ul li li li li:hover ul { display:block; }

    February 6, 2014 at 5:19 pm #220527
    Yigit

    Hi!

    Have you tried flushing browser cache and settings of caching plugin if you are using any? Can you post the link to your website so we can take a look?

    Regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Changing CSS’ is closed to new replies.