heading tag rtl- circle shows on left side of the text and not tight to it

Tagged: ,

  • heading tag rtl- circle shows on left side of the text and not tight to it
    Viewing 7 posts - 1 through 7 (of 7 total)

  • YehonatanYanay
    Participant
    #2125

    Hi!
    I an using the rtl version of the circle flip theme.
    when adding a “Heading” item at the page builder the litlle round icon appears left to the text (@text) as in ltr mode and not right to it (text@) as it should in rtl mode

    i saw the demo rtl mode and it works fine.
    what can be the problem that couses it.

    Any help would be great.
    tnx


    Omar
    Keymaster
    #2132

    Hello Yehonatan,

    Can you please point us to the URL of your page?

    Regards.


    YehonatanYanay
    Participant
    #2137

    Hey,
    Thanks for your response.
    I am working an localhost, can i send you a picture or the div code?


    Omar
    Keymaster
    #2138

    Hello Yehonatan,

    Yes please send me a screen shot of how it looks on the front end, and the div code as well.

    Regards.


    YehonatanYanay
    Participant
    #2143

    Do you have an Email address i can send to?

    this is the contaning div code

    <div id=”aq-block-31″ class=”aq-block aq-block-cr_heading_block span4 aq-first cf” data-width=”4″> <div class=”cr_fade animate_CF”></div>
    <h3 class=”right normal ” style=”margin-bottom:26px;color:#2a2a2a”>

    What they Say<div class=”headerDot”><span class=”icon-right-open-mini”></span></div>
    </h3>
    </div>


    Omar
    Keymaster
    #2155

    Hello Yehonatan,

    Thanks for posting the div. I see that your block is rendered right when it should be left the <span> for the circle should be having class “icon-left-open-mini”

    I will need to check it out to be able to fix it, but for now until you go live, you can use this custom CSS code to view properly until I am able to investigate why it is happening on your installation.

    Please add the following to your Custom CSS code panel found at Theme Options >> General Settings >> Advanced >> Custom CSS

    .icon-left-open-mini:before {
    content: ‘e878’ ! important;
    }

    .headerDot{
    margin-left: 15px ! important;
    margin-right: 0px ! important;
    float: right ! important;
    }

    Please let me know if it works.
    Regards.


    YehonatanYanay
    Participant
    #2166

    Great!
    works!
    thank you for your quick response

    Yehonatan

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘heading tag rtl- circle shows on left side of the text and not tight to it’ is closed to new replies.