-
Posts
-
Hello, I have 2 types of sub-headings on my page. One aligned to the left and one to the right.
The only code I have to determine the alignment is this below. I need one code for the other alignment. What should I change in this code?
CODE
.av-subheading {
color: #c6b477 !important;
font-family: ‘Unna’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
font-size: 19px !important;
text-align: left !important;
}
.av-subheading p:first-child {
margin-top: -20px !important;
}Hey mleite1,
Thank you for the link to your website. But, sorry, I’m not sure I understand your question. If it’s okay, can you specify which heading you’re talking about? (Sample text or a screenshot will be helpful.) Can you also clarify what you are hoping to achieve? Thank you so much!
Best regards,
SarahHi,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.avia-builder-el-77 .av-subheading p:first-child { text-align: left !important; }If you need further assistance please let us know.
Best regards,
VictoriaSarah and Victoria, we went to present the project to the client today and we noticed that the alignment we used above did not work. We do not know why.
I will repeat here the image and the code that we use. What can it be?
/
linkLink image
CODE
.avia-builder-el-77 .av-subheading p: first-child {
text-align: left! Important;
}Can that be the number 77?
Hi!
Oops, it looks like it’s supposed to be 97 instead!
.avia-builder-el-97 .av-subheading p:first-child { text-align: left !important; }I suggest turning on the Custom CSS Field for ALB elements. This way, even if you move elements around, the element number won’t change.
Please let us know if you need more help.
Best regards,
SarahDoes this value from 77 to 97 change if I change the pitch of some element in the layout?
Where do I find the value in the css code? (inspector)
Hi,
Here is where you can see the class of the elements
Depending on what you do, it might change.Best regards,
VictoriaCan these codes be absolute? Any changes I make to the layout disfigure this alignment.
Can it be definitive?
Hello, Rikard. I find it important to find a safer way to this alignment of subhaeding. Using .avia-builder-el-97 is dangerous if the client modifies something in the layout. If he creates another table, he changes the number and stops working.
Is there another way?
Hi,
That’s right. You can turn on the Custom CSS Class field for ALB elements by following our documentation here: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
With this, you can assign a specific class to your subheading, and any other ALB Element that requires this.
I hope that helps!
Best regards,
SarahWe already use CSS CLASS … in the HEADING option there is only one field for two types of configuration (heading and subheading)
Hi,
Sorry, I’ll try to explain more clearly. You can assign a Custom CSS class to the heading/subheading you’re concerned about. You can do this by following our documentation here: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
With this, you can assign avia-builder-el-97 to have the class, right-align-subheading. You can also use this class for any other subheading you wish to align to the right.
If you need help doing this, please provide us with admin access into this site and we can do it for you. :)
I hope that helps!
Best regards,
Sarah
- You must be logged in to reply to this topic.