closed resolvedHi guys,
I am finding that my H1-H6 tag appear differently on a page depending if they are sitting within a 'shortcode' created column or not..?
http://easyretailsolutions.com/?page_id=210
The 2x headings on this page (linked above) have the same <h2> tag but appear differently
Dropcap heading font h2 tag
DROPCAP 1 IN H2 TAG
Is there any way to control this? They probably need to be one or the other.
Thank you!
Amanda
Ismael
Moderator
Hi Amanda,
Yes, the Heading(H) Tag styles differ when they are inside a column shortcode. I think the easiest way to resolve this is to put some class inside your H tag and add its style in either Quick CSS or custom.css. For example, inside a column shortcode, instead of writing:
<h2>DROPCAP 1 IN H2 TAG</h2>
add a class inside your h2 tag:
<h2 class="h2_style">DROPCAP 1 IN H2 TAG</h2>
and add this to Quick CSS or custom.css:
.flex_column .h2_style {
color: #151515;
font-family: 'Open Sans', arial, serif;
font-size: 33px;
font-weight: normal;
line-height: 1.1em;
margin-bottom: 10px;
}if you want to style other H tags, just add a class inside your H tag and when styling use this pattern:
.flex_column .class
Just like the one we have done above. Hope this is helpful. :)
Regards,
Ismael
Awesome, I thought I was going a bit nuts! ;)
What about if I wanted to use your column styled H2 (etc) tags - is there a class you are using that I add to my non-columed code to reference the column h tags?
Thanks heaps!
Ismael
Moderator
Hi designjunkies,
You can write the code this way:
.flex_column .h2_style,
h2_style {
color: #151515;
font-family: 'Open Sans', arial, serif;
font-size: 33px;
font-weight: normal;
line-height: 1.1em;
margin-bottom: 10px;
}This way you can use h2_style even though it's outside the column. :)
Regards,
Ismael
Awesome! Thanks guys! :)
This topic has been closed to new replies.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
