RTL css | PenciDesign Support

PenciDesign replied

7 years ago

Staff Reply

Hi,

1/ Yeah, we will check and fix it in the next update.

2/ Please try remove this code from your custom css:

body.rtl .penci-grid li:nth-of-type(3n+3){ margin-left: 0!important; }

and add more this code to Customize > Custom CSS to fixed it:

.container.penci_sidebar .penci-grid.penci-fea-cat-style-13 li:nth-of-type(3n+3){ margin-left: 0 }

Best Regards,

PenciDesign

waelmoussa replied

7 years ago

Customer Reply

Hi,

1/ Yes, I use the child theme from the download package and added to functions.php as I said before to fix it.

2/ That is right for this option, but it's work for rtl and ltr, I need the sidebar for rtl site on left, and for ltr site on the right!! :)

Thanks

PenciDesign replied

7 years ago

Staff Reply

Hi,

1/ Thank you for report us with that issue. I will send this issues for our dev team to check it. If there is an issues, we will fixed it in the next update version of Soledad theme.

But, have you use the child theme as we've provided in the download package?

2/ You don't need to do that, you can enable left sidebar via Customize > General Options > Enable Left Sidebar

Best Regards,

PenciDesign

waelmoussa started the conversation

7 years ago

Conversation Start

Hello,

Your theme is nice, but I found some issues with RTL, I hope that you can fix it soon.

The child theme doesn't load the rtl.css

I fixed this by adding to Child Theme: functions.php:

function load_parent_rtl_css() {
wp_enqueue_style( 'parent_rtl', trailingslashit( get_template_directory_uri() ) . 'rtl.css' );
}
if ( is_rtl() ):
add_action( 'wp_enqueue_scripts', 'load_parent_rtl_css', 10 );
endif;

There is no choice to move the sidebar to left or right with RTL in multilingual

so I use this css

/* here style for sidebar to left if rtl page*/
body.rtl div#main.penci-main-sticky-sidebar{padding-left: 50px;
padding-right: 0px!important;
float: right!important;}

but still there is issue I couldn't fix, the Layouts (style 13 - Grid 3 columns) and (Grid 2 columns Posts) both of them use in rtl.css

.container.penci_sidebar .penci-grid li:nth-of-type(3n+3)

{

margin-left: 3.9%;

margin-right: 0;

}

so I did this to fix the issue with (style 13 - Grid 3 columns) as you can see it in photo css1

body.rtl .penci-grid li:nth-of-type(3n+3) {
margin-left: 0!important;
}

this made another issue with the Layout (Grid 2 columns Posts) as you can see in photo css2

I hope you can find solution for this issue.

Best regards.