adding multiple css codes

  • patmur

    (@patmur)


    12 years, 3 months ago

    Hello there,
    do not know if I have to open a new conversation or it is ok to continue here even if it is closed:

    I have deleted the icon before the title in the sample pages with adding this code to the custom css field with this code:

    .format-icon:before {
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    padding-right: 10px;

    and it worked
    then I wanted to delete the box around the main menu but if I copy also this code
    it does not work – it just works if I cancel the first one

    .navbar .navbar-inner {
    -webkit-box-shadow: 0px 0px 0px ;
    -moz-box-shadow: 0px 0px 0px ;
    box-shadow: 0px 0px 0px transparent;
    background:none
    }

    how can I add more then one and let both working?

    site is: http://www.patriziamurmura.com
    thanks a lot

Viewing 9 replies - 1 through 9 (of 9 total)
  • Moderator Jose Castaneda

    (@jcastaneda)

    THEME COFFEE MONKEY

    12 years, 3 months ago

    I don’t see a box around your .navbar on my end. Are you using any caching plugins?

    Thread Starter patmur

    (@patmur)

    12 years, 3 months ago

    You do not see the box cause I had the code to remove it and it works.
    the problem is I can not add the other one. I need to add multiple.
    If I copy the code to eliminate the icon before the title in the sample page nothing happen and I would like to do both.
    Hope it is clear.
    thanks

    salsaturation

    (@salsaturation)

    12 years, 3 months ago

    Hi Patmur

    You might have ommitted to close the first element:

    .format-icon:before {
speak: none;
text-transform: none;
-webkit-font-smoothing: antialiased;
padding-right: 10px;

    should be

    .format-icon:before {
speak: none;
text-transform: none;
-webkit-font-smoothing: antialiased;
padding-right: 10px;
}

    This might be the issu

    Thread Starter patmur

    (@patmur)

    12 years, 3 months ago

    unfortunately I do not think so, at the moment I have insert this but the first input works and the second one not.

    .navbar .navbar-inner {
    -webkit-box-shadow: 0px 0px 0px ;
    -moz-box-shadow: 0px 0px 0px ;
    box-shadow: 0px 0px 0px transparent;
    background:none
    }
    .format-icon:before {
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    padding-right: 10px;
    .format-icon:before {
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    padding-right: 10px;
    }

    salsaturation

    (@salsaturation)

    12 years, 3 months ago

    But the 2nd part of the code is not closed correctly either

    .format-icon:before {
speak: none;
text-transform: none;
-webkit-font-smoothing: antialiased;
padding-right: 10px;
.format-icon:before {
speak: none;
text-transform: none;
-webkit-font-smoothing: antialiased;
padding-right: 10px;
}

    should be

    .format-icon:before {
speak: none;
text-transform: none;
-webkit-font-smoothing: antialiased;
padding-right: 10px;
}
    salsaturation

    (@salsaturation)

    12 years, 3 months ago

    BTW I can see any elements named ‘.format-icon’ in your source code. I can see the css but not the html part

    Thread Starter patmur

    (@patmur)

    12 years, 3 months ago

    yes sorry I wrote the second one double, now I wrote again

    .navbar .navbar-inner {
    -webkit-box-shadow: 0px 0px 0px ;
    -moz-box-shadow: 0px 0px 0px ;
    box-shadow: 0px 0px 0px transparent;
    background:none
    }
    .format-icon:before {
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    padding-right: 10px;
    }

    but the first one works and the icon is still there 🙁

    salsaturation

    (@salsaturation)

    12 years, 3 months ago

    If all you are trying to do is to hide the icon this should be sufficient

    .format-icon:before {
content: " " !important;
}

    or

    .format-icon:before {
display: none !important;
}
    ElectricFeet

    (@electricfeet)

    12 years, 3 months ago

    p.s. @patmur You can post directly to the Customizr forum from the bottom of this page.

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

The topic ‘adding multiple css codes’ is closed to new replies.