Icon box RTL - by guychaimy - on WordPress WooCommerce support

Solved11 replies3 participantsUpdated by Jack Richardson

  • Avatar: guychaimy
    guychaimy
    Participant

    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

    11 Answers

    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    Could you please show on a screenshot what the issue is with ICONS BOX row?

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: guychaimy
    guychaimy
    Participant

    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

    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    Your screenshot isn’t visible.
    Please reupload it to some other storage (dropbox or http://imgur.com/ ).

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: guychaimy
    guychaimy
    Participant

    from dropbox:

    Avatar: guychaimy
    guychaimy
    Participant
    Avatar: Eva
    Eva Kemp
    Participant

    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.

    Avatar: guychaimy
    guychaimy
    Participant

    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

    Avatar: guychaimy
    guychaimy
    Participant

    Hey,

    Please advise on my last response.

    Thanks,

    Guy

    Avatar: Eva
    Eva Kemp
    Participant

    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.

    Avatar: guychaimy
    guychaimy
    Participant

    Hey,

    Problem solved thanks.

    Guy

    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    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