[patricia]

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

[Sanjip Shah]

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.

[patricia]

Hi Sanjip,

Yes, everything has an opening and closing bracket.

[patricia]

Oops, and my website is…STLontheWeb.net

[Sanjip Shah]

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

[patricia]

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

[Sanjip Shah]

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

[patricia]

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;
}

[Sanjip Shah]

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.

[Author]

Posts