-
Posts
-
Hello, I have two .av-subheading formats, one in the center and the other aligned to the left.
For Special Heading I use these two types below:
1 – av-special-heading-tag (align center)
2 – .testsh .av-special-heading-tag (align left)And for subheading how do I configure the center?
.av-subheading {
font-size: 23px;
text alignment: left;
line height: 1.6em;
font family: ‘montserrat’;
color: # 747474;
}Hey mleite1,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaThanks Victoria.
To summarize I explain better and give you the link.
I use two Special heading blocks.
1 – centralized
2 – aligns the left.
//
LINK – https://marcelomilk.com.br/mmilk/mamiferos/What I need is to customize the formatting of each text separately.
For block 1 I use this.
.av-special-heading-tag {
font-family: ‘PT Sans Narrow’, sans-serif! important;
font-size: 36px! important;
line-height: 1.1em;
text-transform: none! important;
text-align: left! important;
}
.av-subheading {
font-family: ‘Open Sans’, sans-serif! important;
font-size: 15px! important;
text-align: left! important;
font-weight: 600! important;
line-height: 1.7em;
color: # 000000;
}
//
But for block 2 I did it that way and it didn’t work.
.testsh .av-special-heading-tag {
font-family: ‘Lato’, sans-serif! important;
font-size: 36px! important;
line-height: 1.2em;
text-transform: none! important;
text-align: center! important;
color: #ffffff! important;
}
.sh3 .av-subheading {
font-family: ‘Open Sans’, sans-serif! important;
font-size: 15px! important;
text-align: center! important;
font-weight: 100! important;
line-height: 1.7em;
color: # 000000;
}Hi mleite1,
https://share.getcloudapp.com/04uORYlO You say you want it left-aligned but the css is the other way around :)
Please check.
Best regards,
VictoriaHi Victoria, it doesn’t matter. The problem is having two SPECIAL HEADING with different formats. Whether it is in the center or the right or the left does not matter. You understand me? Only the alignment I control by THEME. What I need is formatting as it is in the code I passed.
Is it possible Victoria? Help me solve this. I look forward to waiting for your response and I can’t resolve it.
Hi mleite1,
I see that Lato and Monserat are loaded to the page and not the PT Sans Narrow, also the theme does not really load the font-weight 100 YOu need to upload custom fonts if you want to use them. So your styles do not really work.
Here are the docs for you:
Best regards,
VictoriaVictoria, how are you? Let me sum up my need.
I have two blocks.
1 – With Special Heading aligned to the center (heading and subheading)
2 – Special heading aligned to the right (heading and subheading)For option 1 I use this code below:
.av-special-heading-tag {
font-family: Poppins, Helvetica, Arial, Lucida, sans-serif! important;
font-size: 36px! important;
line-height: 90px;
font-weight: 600! important;
text-transform: none! important;
text-align: center! important;
color: #ffffff! important;
}
.av-subheading {
font-family: Poppins, Helvetica, Arial, Lucida, sans-serif! important;
font-size: 18px! important;
text-align: center! important;
font-weight: 500! important;
line-height: 30px;
color: #ffffff;
}My help is for option 2. How do I create a heading and subheading with different formatting than option 1?
.
LINK – http://www.igluloc.com/igluloc/Hi mleite1,
There are a few issues here.
1. You use !important and it’s difficult to override it then.
2. If the font that you need is not used on that page by some element the font is not loaded so you need to load it too.
And also, you were on the right track with the class, it has to be added to add css for the other special heading option.
Best regards,
Victoria
- You must be logged in to reply to this topic.