[cleflerParticipant]

There are several issues on my testing page:

1. The section with featured articles and the section with featured links, quick links etc have huge fonts for some reason and are not the default color. This first came about when I was trying to add a custom class to change the color of a 3d button (“learn more about us”). I have since removed all the custom code with no change.

2. The revolution slider in the Featured Ministries section has a background that I cannot get rid of. In the custom css of the slider itself I can see the background code but cannot change it. see attached pic.

Thanks for any help you can provide!

[cleflerParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please add the following code in Customize -> Custom -> CSS :

.x-colophon li a, .x-colophon .textwidget {
    font-size: 18px;
}
.x-colophon .widget ul li {
    line-height: 1;
}
div#rev_slider_17_4_wrapper {
    background-color: transparent !important;
}

Please remove size attribute from following code :

<font color="#0e6d64" size="6"><a class="x-img x-img-link x-img-thumbnail" style="width: 70%;" href="/jacob-i-loved/" title="jacob-i-loved" data-options="thumbnail: 'http://www.unitedfaithchurch.org/wp-content/uploads/2015/11/jacob-i-loved-united-faith.jpg'"><img src="http://www.unitedfaithchurch.org/wp-content/uploads/2015/11/jacob-i-loved-united-faith.jpg" alt="jacob-i-loved"></a><div class="x-text"><p>THE BIG QUESTION<br>
Why had God judged Esau so harshly in comparison to his brother Jacob even from the womb where God declared that the older would serve the younger? </p>
<p> <a class="x-btn x-btn-real x-btn-rounded x-btn-mini" href="/jacob-i-loved" title="Example" data-options="thumbnail: ''">Read more</a></p>
</div></font>

Hope it helps.

[cleflerParticipant]

Thanks for the quick response!
This code worked for the background image:

div#rev_slider_17_4_wrapper {
background-image: none !important;
}

I still cannot get rid of the larger colored text though. I deleted the entire section where you said to remove the size attribute. It is everything that is below the “Weekly Reading” section. Everything looks normal in cornerstone but not on the live page.

[cleflerParticipant]

Keep changing sections but nothing really has an effect on it.

Inspecting the large fonts:

.h-widget {
margin: 0 0 0.65em;
font-size: 170%;
line-height: 1.1;}

Again, there is no issue on the rest of the live site just this one development page

[ChristopherModerator]

Hi there,

Would you please provide us with some screen shots and let us know which sections you’re referring to?
Please provide us with login credentials so we can compare the preview in CS and frontend.

To reduce widgets headings font size, add this :

h4.h-widget {
    font-size: 100%;
}

Thanks.

[cleflerParticipant]

Sure…I attached:
1. What the current homepage looks like with no issues.
2. What my development page looks like in cornerstone.
3. What my development page looks like live where the sections have green font
4. What my development page looks like love where the widget area has large font

[cleflerParticipant]

This reply has been marked as private.

[ChristianModerator]

Could you tell us where does this code <font color="#0e6d64" size="6"> come from? It is not a part of X nor Cornerstone and that is what causes the problem.

Thanks.

[cleflerParticipant]

Got it, it was in a hidden section.
Thank you so much!!

[RupokMember]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts