Tagged: rtl
-
AuthorPosts
-
January 4, 2016 at 9:12 am #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):
Thanks in advance!
January 5, 2016 at 5:05 am #559733Hi Sadegh,
Please try the following in Quick CSS under Enfold–>General Styling:
.iconbox_icon { margin-left:20px !important; }
Regards,
RikardJanuary 5, 2016 at 8:02 am #559754Hi 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, 11 months ago by Sadegh.
January 5, 2016 at 1:32 pm #559912Hey!
Please add following code to Quick CSS
.rtl .iconbox .iconbox_content .iconbox_content_title { margin-left: 0; margin-right: 40px; }
Cheers!
YigitJanuary 5, 2016 at 1:38 pm #559916Hi 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 #559933Hi!
Please try this one:
.rtl .iconbox_left .iconbox_icon { left: 5px; }
Remove browser cache then reload the page.
Cheers!
IsmaelJanuary 5, 2016 at 2:31 pm #559937Hi 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:
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, 11 months ago by Sadegh.
January 6, 2016 at 11:28 am #560414Hi!
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!
VinayJanuary 6, 2016 at 12:47 pm #560454It 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 #560951Hey!
Thank you for the info. Please add this css code:
.iconbox .iconbox_content .iconbox_content_title { min-height: 25px; }
Cheers!
IsmaelJanuary 7, 2016 at 9:30 am #561066Thanks a lot Ismael,
it works fine now. there are no hidden words at all!January 7, 2016 at 1:49 pm #561189January 7, 2016 at 1:55 pm #561197 -
AuthorPosts
- The topic ‘RTL problem with icons and some part of the words’ is closed to new replies.