Icon box RTL - by guychaimy - on WordPress WooCommerce support

This topic has 12 replies, 3 voices, and was last updated 10 years, 6 months ago ago by Jack Richardson

  • Avatar: guychaimy
    guychaimy
    Participant
    May 29, 2015 at 06:39

    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
    May 29, 2015 at 09:27

    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
    May 29, 2015 at 10:56

    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
    May 29, 2015 at 12:41

    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
    May 29, 2015 at 15:57

    from dropbox:

    Avatar: guychaimy
    guychaimy
    Participant
    May 29, 2015 at 15:57
    Avatar: Eva
    Eva Kemp
    Participant
    May 29, 2015 at 16:23

    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
    May 29, 2015 at 17:01

    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
    June 10, 2015 at 08:58

    Hey,

    Please advise on my last response.

    Thanks,

    Guy

    Avatar: Eva
    Eva Kemp
    Participant
    June 11, 2015 at 14:47

    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
    June 11, 2015 at 18:09

    Hey,

    Problem solved thanks.

    Guy

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 11, 2015 at 18:58

    Hello,

    You’re welcome.

    Best regards,
    Jack Richardson.

  • Viewing 12 results - 1 through 12 (of 12 total)

The issue related to '‘Icon box RTL’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.