Tagged: ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #559060

    Hi,

    I already informed you about some RTL style problems in your page-builder in this topic: +

    By the way, I have created a portfolio page today and I am facing a new conflict in style.
    Please take a look at this address: +

    At the end of the page, you might see a video wall image. The problem is at the left side of this image:
    1- Icons are conflict with texts
    2- It seems some part of the words are hidden over the icons. (I have attached an image to make it more clear for you):
    RTL Problem

    Thanks in advance!

    #559733

    Hi Sadegh,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .iconbox_icon {
    margin-left:20px !important;
    }

    Regards,
    Rikard

    #559754

    Hi Rikard,

    This code actually changed all the other icon boxes in my website (in the worst way) and it is not what I was looking for.
    It might be useful for JUST this situation, not for all the pages of my website.
    (my website for your reference +)

    • This reply was modified 4 years, 3 months ago by  Sadegh.
    #559912

    Hey!

    Please add following code to Quick CSS

    .rtl .iconbox .iconbox_content .iconbox_content_title {
        margin-left: 0;
        margin-right: 40px;
    }

    Cheers!
    Yigit

    #559916

    Hi Yigit,

    I did it as you said, but still, it makes all the other icon-boxes changed in my website.
    Right now, texts in the icon-box are not centered and the problem with some hidden alphabetic characters is still remains.

    Thanks

    #559933

    Hi!

    Please try this one:

    .rtl .iconbox_left .iconbox_icon {
        left: 5px;
    }

    Remove browser cache then reload the page.

    Cheers!
    Ismael

    #559937

    Hi Ismael,

    Thanks for the code, it worked and now icons and texts are not conflicted anymore (as you might see in the below image).

    But one problem still remains and that is related to the hidden parts. Could you help me on that? As you might see from the below image that I have attached, some parts of the words are not showing:

    hidden parts

    P.S: It might be related to the height of the line. Maybe increasing that could be a help.

    • This reply was modified 4 years, 3 months ago by  Sadegh.
    #560414

    Hi!

    It would be best to see your website and give you the exact values but you can try the code below and adjust the height as required.

    
    .rtl .iconbox_left .iconbox_icon {
         line-height:20px;
    }
    

    Cheers!
    Vinay

    #560454

    It didn’t work and it just makes icons get into wrong positions.
    You already had my website address at: +

    #560951

    Hey!

    Thank you for the info. Please add this css code:

    .iconbox .iconbox_content .iconbox_content_title {
        min-height: 25px;
    }

    Cheers!
    Ismael

    #561066

    Thanks a lot Ismael,
    it works fine now. there are no hidden words at all!

    #561189

    Hi,

    Great, glad we could help :-)

    Thanks,
    Rikard

    #561197

    :)

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

The topic ‘RTL problem with icons and some part of the words’ is closed to new replies.