Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 15, 2018 at 8:42 pm #985744
    Nilpferd

    Hello,
    I would like to add a special heading align to the right. I tried it with the following step but it didn’t work.

    First off do this, http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/.

    And then add a class of “align_right” to the heading and then add this to your custom CSS.

    .align_right h3 {
    text-align: right;
    }

    Thanks for your support.

    Kind regards
    Nino

    July 16, 2018 at 12:06 am #985786
    Mike

    Hey Nilpferd,
    Please try this code in the General Styling > Quick CSS field:

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

    If this doesn’t help please include the url to the page in question so we can take a closer look.

    Best regards,
    Mike

    August 5, 2018 at 6:37 pm #993725
    Nilpferd

    Hello Mike,
    thanks for your answer. Now it works. But the special heading is always float right. I would like to select float right or float left. You can see it on the link (I post the link in the private content section).

    Thanks.

    Best regards,
    Nino

    August 5, 2018 at 11:02 pm #993754
    Mike

    Hi,
    Ok, I see now, so first on your page your elements are h2, not h3
    then if you want some to float right, and others to float left, you will need to create two classes “align_right” & “align_left”
    and add the appropriate class to the appropriate element.
    Please see screenshot in Private Content area.
    then use this css:

    .align_right h2 {
float: right !important;
}
.align_left h2 {
float: left !important;
}

    Best regards,
    Mike

    August 7, 2018 at 7:01 pm #994523
    Nilpferd

    Hello Mike,

    no it works fine. Thanks. I have another question. How can I delete the line besides the headline?

    Best regards
    Nino

    August 7, 2018 at 9:48 pm #994584
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field:

    .main_color .align_right .special-heading-inner-border,.main_color .align_left .special-heading-inner-border {
border-color: transparent;
}

    this covers the two classes “align_right” & “align_left” so that it won’t interfere with the rest of your site.

    Best regards,
    Mike

    May 9, 2020 at 2:55 pm #1211388
    Ralph

    Hi – this is my solution to the problem of aligning a special heading to the right, using heading_float_right as a user-defined class.

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

    .heading_float_right .special-heading-inner-border {
    margin-left: 0px !important;
    width: 98% !important;
    }

    Cheers,
    Ralph

    May 9, 2020 at 5:10 pm #1211434
    Mike

    Hi,
    Thanks for sharing your solution.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to make the special heading align to the right’ is closed to new replies.