badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

custom CSS has stopped working

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #8531
    patricia
    Participant

    Hi,

    Need a hand figuring out why some of my custom CSS is now being ignored. Two issues: site description & testimonial quotemark.

    I’ve made other h2 changes, but the site description selector is “closer” to its element, so I’d think it should override conflicting h2 changes? I need the site description font to be 20px, but other h2 elements are specified as you see below.
    #site-description {
    font-size: 20px !important;
    line-height: 25px;
    color: 6088a5;
    }
    h2{
    font-size: 25px;
    font-family:”Philosopher”, sans-serif;
    color: #6088a5 !important;
    text-align:left;

    The other CSS problem is with the background for the testimonial quotemark.
    .widget_testimonial .testimonial-icon {
    background: url(“wp-content/uploads/2013/11/3quotemark.png”) no-repeat center top / 25px 19px ;
    opacity: 0.5;
    }

    As always…gratefully:-)
    Tricia

    #8545
    Sanjip Shah
    Participant

    Please check for the {} brackets. In above part you have left the } bracket in h2 css section after opening the bracket. Please check on all that.

    #8553
    patricia
    Participant

    Hi Sanjip,

    Yes, everything has an opening and closing bracket.

    #8554
    patricia
    Participant

    Oops, and my website is…STLontheWeb.net

    #8555
    Sanjip Shah
    Participant

    In the css please add a space between the opening tag ‘{‘ and h2, and same for other heading selectors.

    #8559
    patricia
    Participant

    Hi Sanjip,

    I put in the spaces between the h1 h2 h3 selectors, but really nothing has changed with the #site-description area of the code or the .widget_testimonial .testimonial-icon area, which were both working fine until today.

    I can’t imagine what I could have changed that affected the testimonial widget quote marks. This is very strange.

    STLontheWeb.net

    #8614
    Sanjip Shah
    Participant

    @patricia Can you paste all the code that you have added in the custom css option. I will have a look at it.

    #8641
    patricia
    Participant

    Thanks anyway, but it doesn’t matter anymore. Had to change-over the whole site to different font and background, etc.

    I recommend you provide an alternative CSS set (patch to be pasted into Theme Options>Custom CSS) for use with all the dark BG patterns offered with this theme. The theme doesn’t work currently with the dark backgrounds. See full explanation, forum item #8615. I could only fix what I could see; unfortunately an unknown number of visitors to my website saw the other pieces that don’t work.

    Here is part of what the code should address:

    .widget_testimonial .testimonial-icon {
    background: url(“wp-content/uploads/2013/11/3quotemark.png”) no-repeat center top / 25px 19px ;
    opacity: 0.5;
    }
    .slogan-wrap .slogan span {
    font: 13px ‘PT Sans’, sans-serif;
    line-height: 30px;
    display: block;
    padding-top: 25px;
    padding-bottom: 5px;
    }
    .slogan-wrap .view-work {
    position: relative;
    z-index: 100;
    }
    input[type=”text”],
    input[type=”email”],
    input[type=”password”],
    textarea {
    padding: 10px;
    border: 1px solid #64843f;
    line-height: 20px;
    width: 100%;
    margin: 0 0 30px;
    background-color: #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    }
    #site-description {
    font-size: 20px !important;
    line-height: 25px;
    color: 6088a5;
    }

    #8674
    Sanjip Shah
    Participant

    Check the css code and it looks all fine. About the dark BG patterns, we will take this as feedback and try to improve it in our version updates.

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.