Tagged: ,

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


    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!


    Hi Sadegh,

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

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



    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.


    Please add following code to Quick CSS

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



    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.




    Please try this one:

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

    Remove browser cache then reload the page.



    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.


    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 {



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



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

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



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



    Great, glad we could help :-)




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.