Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • September 29, 2015 at 1:39 pm #510723
    OhadBeno

    Even after i used the solution that Elliott advise, the text is still at the left side.

    I add in the Custom Css Class section:
    .align_right h3 {
    text-align: right;
    }

    what else i need to do?

    September 29, 2015 at 1:44 pm #510725
    Yigit

    Hey OhadBeno!

    Can you please post the link to your page and point out your element?

    Regards,
    Yigit

    September 29, 2015 at 2:13 pm #510750
    OhadBeno

    I just started, I want that the Heading “Excela …” will be align to right.
    Link to Site sent in Private Content.

    one more thing, can i switch all Headings align to right? my site should be in Hebrew.
    Thanks a lot

    September 30, 2015 at 5:32 am #511104
    Rikard

    Hi,

    Looking at your site it seems you fixed it already? Please let us know if you should need any more help on the topic.

    Best regards,
    Rikard

    September 30, 2015 at 10:48 am #511304
    OhadBeno

    Hi Rikard,
    i used reply #202137
    adding General Styling > Quick CSS the code
    body .av-special-heading.classic-quote > *, body .av-special-heading.blockquote > * { text-align: right; }
    body .av-special-heading .av-special-heading-tag { float: right; }

    the problems with that solution are:
    1. Changed the direction of the text even where it was not needed
    2. when i added a subheading “display subheading below” it appered next to the heading.

    In addition, there is a way to change the text that contains lowercase letters in the special heading?

    Thanks.

    September 30, 2015 at 1:56 pm #511473
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    body .av-special-heading.classic-quote > *, body .av-special-heading.blockquote > * { text-transform: none !important; }

    1- Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your element a custom class and then changes your code to following one 

    .your-custom-class .av-special-heading.classic-quote > *, .your-custom-class .av-special-heading.blockquote > * { text-align: right; }

    2- Can you please post the link to your page where we can see an example?

    Best regards,
    Yigit

    September 30, 2015 at 2:51 pm #511524
    OhadBeno

    2- you can see it in every page except Home page due to the fact that i changed to text input

    http://excela.co.il/index.php/service/

    September 30, 2015 at 2:58 pm #511534
    Yigit

    Shalom!

    Please add following code to Quick CSS as well

    .av-subheading.av-subheading_below {
    clear: both;
}

    Regards,
    Yigit

    November 24, 2018 at 12:15 am #1037146
    bellabock

    Hi, how do I get the subheading below the special heading tag in the next line. Both moved to right but the subheading is directly left next to the special heading on the the same line

    .av-special-heading-tag {
    float: right !important;
    }
    .av-subheading_below {
    float: right !important;
    }

    Thanks for your help & reply

    November 24, 2018 at 12:54 am #1037154
    Jordan Shannon

    Hey bellabock,

    I’m not quite sure what the issue is. Are you able to screenshot it so I can get a better idea?

    Best regards,
    Jordan Shannon

    November 24, 2018 at 2:00 am #1037182
    bellabock

    How can upload a screenshot here?

    November 24, 2018 at 3:54 am #1037186
    Mike

    Hi,
    Please upload your screenshot to https://postimages.org/
    then paste the url into a post.

    Best regards,
    Mike

    November 24, 2018 at 8:34 am #1037216
    bellabock

    https://postimg.cc/zLSg3fSy

    November 24, 2018 at 8:34 am #1037217
    bellabock

    The subheading should show below the heading

    November 24, 2018 at 10:27 pm #1037296
    Mike

    Hi,
    Thank you for the image, I believe you have added some css to move your special heading to the right side of the screen, please remove this custom code:

    .av-special-heading-tag {float: right !important;}
.av-subheading_below {float: right !important;
}

    Then please add this css:

    @media only screen and (min-width: 767px) and (max-width: 1045px) { 
#top.home #av_section_1 .av-special-heading {
float: right !important; 
width: 50% !important; 
}
}
@media only screen and (min-width: 1046px) { 
#top.home #av_section_1 .av-special-heading {
float: right !important; 
width: 35% !important; 
}
}

    This makes the special heading 100% wide for mobile, 50% wide for tablet, and 35% wide for desktop.
    Please clear your browser cache and check.
    If you don’t mind, I would recommend for mobile, adding a transparent white background to the text so it will be easier to see and a little padding so it’s not on the person’s face:

    @media only screen and (max-width: 766px) { 
#top.home #av_section_1 .post-entry-102 {
    padding-top: 50% !important; 
}
#top.home #av_section_1 .av-special-heading {
    background-color: rgba(255,255,255,0.5) !important; 
}
}

    let us know if this helps.

    Best regards,
    Mike

    November 25, 2018 at 12:43 am #1037317
    bellabock

    Mike, that’s perfect! Thanks a lot for your help!

    November 25, 2018 at 12:56 am #1037319
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘how can I align the Special Heading to the right’ is closed to new replies.