-
AuthorPosts
-
June 21, 2017 at 5:16 pm #811053
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;
}June 21, 2017 at 6:23 pm #811092Hey 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,
SarahJune 21, 2017 at 6:34 pm #811101June 21, 2017 at 8:05 pm #811134Hi,
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,
VictoriaJune 21, 2017 at 8:25 pm #811146Its ok now Victoria.
Tks
June 22, 2017 at 3:00 am #811283Do you need any other help with this topic, or can we close this thread? :)
Best regards,
SarahJune 30, 2017 at 3:55 pm #815016Sarah 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?
June 30, 2017 at 4:22 pm #815024Hi!
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,
SarahJune 30, 2017 at 4:37 pm #815037Does 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)
June 30, 2017 at 5:32 pm #815078Hi,
Here is where you can see the class of the elements
Depending on what you do, it might change.Best regards,
VictoriaJune 30, 2017 at 11:11 pm #815201Can these codes be absolute? Any changes I make to the layout disfigure this alignment.
Can it be definitive?
July 6, 2017 at 1:09 pm #817222Hi mleite1,
Sorry for the late reply, do you still need help on the topic?
Best regards,
RikardJuly 6, 2017 at 1:41 pm #817244Hello, 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?
July 6, 2017 at 3:40 pm #817299Hi,
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,
SarahJuly 6, 2017 at 3:58 pm #817310We already use CSS CLASS … in the HEADING option there is only one field for two types of configuration (heading and subheading)
July 6, 2017 at 4:36 pm #817341Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.