Use of span-tag to create the "H4 block-title-look" as titles

Posted in: Newspaper
Post count: 137
MrOrsh
#151059
Jan 3, 2017 at 11:04 pm

I have (up to the latest update) been using the following code to replicate the sidebar and module-headings look even on pages:

<h4 class="block-title">
<span class="">CONTACT US</span>
</h4>

This has worked perfect up until the last update of the theme where all of a sudden the line that goes underneath the text nog gets pushed down one row. See for example my contact page for reference: http://www.enkelteknik.se/kontakt

If you compare the first sidebar header (that says “SOCIALT”) with the first header of the actual page (that says “KONTAKT”). The line beneath the word “KONTAKT” has been pushed down.

Is there any way to fix this? I can´t really figure out what in the code that has changed since the last version.

Post count: 20685
Simion C.
#151174
Jan 4, 2017 at 12:51 pm

Hi,

This must of happened due to changes in the last update, you can try this code and see if it works for you, just enter it in Theme Panel->Custom Css

.page-template-page-pagebuilder-title .wpb_text_column :last-child .block-title span{
margin-bottom: 0;
}

Alternatively you could get the same result as you are now, using a Raw HTML above your Text block like this – http://screencast.com/t/hFweuysfQ – http://screencast.com/t/BXLTO5jEQ0 This is the code for the style that goes in the Raw HTML

<h4 class="block-title" style="border-color: #595959;"><span style="margin-right: 0; background-color: #595959;">DON'T MISS</span></h4>

And this is the result – http://screencast.com/t/gNqVfbOR

Thanks

Post count: 137
MrOrsh
#151259
Jan 4, 2017 at 9:20 pm

Amazing support as always! The first CSS-trick worked perfect 🙂 Thank you so much!

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