Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • January 4, 2016 at 9:12 am #559060
    Sadegh

    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!

    January 5, 2016 at 5:05 am #559733
    Rikard

    Hi Sadegh,

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

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

    Regards,
    Rikard

    January 5, 2016 at 8:02 am #559754
    Sadegh

    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 8 years, 10 months ago by Sadegh.
    January 5, 2016 at 1:32 pm #559912
    Yigit

    Hey!

    Please add following code to Quick CSS 

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

    Cheers!
    Yigit

    January 5, 2016 at 1:38 pm #559916
    Sadegh

    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

    January 5, 2016 at 2:19 pm #559933
    Ismael

    Hi!

    Please try this one:

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

    Remove browser cache then reload the page.

    Cheers!
    Ismael

    January 5, 2016 at 2:31 pm #559937
    Sadegh

    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 8 years, 10 months ago by Sadegh.
    January 6, 2016 at 11:28 am #560414
    Vinay

    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

    January 6, 2016 at 12:47 pm #560454
    Sadegh

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

    January 7, 2016 at 3:55 am #560951
    Ismael

    Hey!

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

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

    Cheers!
    Ismael

    January 7, 2016 at 9:30 am #561066
    Sadegh

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

    January 7, 2016 at 1:49 pm #561189
    Rikard

    Hi,

    Great, glad we could help :-)

    Thanks,
    Rikard

    January 7, 2016 at 1:55 pm #561197
    Sadegh

    :)

  • Author
    Posts
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.