Hello,
Could you please show on a screenshot what the issue is with ICONS BOX row?
Thank you.
Regards,
Eva Kemp.
Solved11 replies3 participantsUpdated by Jack Richardson
Hey,
I use the Legenda RTL.
For some reason the ICONS BOX row is in the wrong order.
I checked it and the page doesn’t use rules from RTL.css, therefore the order of items is upside down.
I walked around it by adding rules to custom.css but I think there could be a bug there.
Thanks,
Guy
Hello,
Could you please show on a screenshot what the issue is with ICONS BOX row?
Thank you.
Regards,
Eva Kemp.
Hey,
Thank you for the quick response.
I added this code to custom.css since the items were floated to the left and therefore in the upside order:
.row-fluid [class*="span"] {
float: right !important;
}
@media (min-width: 1200px)
.row-fluid [class*="span"] {
float: right !important;
}
The screenshot shows that there is not margin between the 1st and 2nd icon boxes, since the margin is added to the right instead of the left in RTL.
Thanks,
Guy
Hello,
Your screenshot isn’t visible.
Please reupload it to some other storage (dropbox or http://imgur.com/ ).
Thank you.
Regards,
Eva Kemp.
from dropbox:
Hello,
I’ve checked in Chrome and Firefox browsers and margin is shown:
http://storage4.static.itmages.com/i/15/0529/h_1432912909_8595061_a84514dde7.png
What browser are you checking in? Is it updated to the latest version?
Regards,
Eva Kemp.
Hey,
I uses Chrome/IE/Firefox and it’s all up to date.
you can see in your screenshot that the margin between the right column to the second is not the same as the gap between the reset of them.
The reason you have a gap in your screen is due to different word wrap in your screen then in mine.
The problem is that the margin is on the left of the 2,3,4 columns and not on the right. Since it is calculated according to the screen size and not fixed I can’t change it in the CSS file.
Thanks,
Guy
Hey,
Please advise on my last response.
Thanks,
Guy
Hello,
Sorry for a delay.
I’ve added the code in CSS Block of VC editor:
http://storage3.static.itmages.com/i/15/0611/h_1434019699_3592947_effec9fe77.png
Please check icon box elements now.
Regards,
Eva Kemp.
Hey,
Problem solved thanks.
Guy
Hello,
You’re welcome.
Best regards,
Jack Richardson.
The issue related to '‘Icon box RTL’' has been successfully resolved, and the topic is now closed for further responses
Free AI store scan · SalesMax
Paste your store address. SalesMax AI shows which upsell moments are missing. No signup.
Free AI speed test · FlashMax
Paste your site address. FlashMax runs Google Lighthouse for phone and desktop, checks Core Web Vitals and lists what to fix. No signup.
PosterPortfolio
(live demo, opens in a new tab)
Handmade StoreBeauty
(live demo, opens in a new tab)
Engineer StoreWPBakery
(live demo, opens in a new tab)
Water DeliveryElementor
(live demo, opens in a new tab)
FinancesBusiness
(live demo, opens in a new tab)
Yoga AccessoriesSports & travel
(live demo, opens in a new tab)
EcoenergyElementor
(live demo, opens in a new tab)
Furniture DarkFurniture
(live demo, opens in a new tab)
UnderwearFashion
(live demo, opens in a new tab)
Glasses StoreFashion
(live demo, opens in a new tab)
Minimal Fashion StoreFashion
(live demo, opens in a new tab)
InteriorFurniture
(live demo, opens in a new tab)
CorporateBusiness
(live demo, opens in a new tab)
Minimalist OutfitsFashion
(live demo, opens in a new tab)
Rental CarCars & bikes
(live demo, opens in a new tab)
Niche MarketMarketplace
(live demo, opens in a new tab)