Tagged: x
-
AuthorPosts
-
February 12, 2017 at 8:53 pm #1368380
KareemahdabParticipantHi,
I’ve setup a bilingual website using English and Arabic and have encountered an issue in the blog section. I have been able to translate everything into Arabic using WPML and everything switches to RTL except for the main sidebar which is always on the right side regardless of language. Is there any way to have it on the left side for Arabic, and on the right for English in when posting?
Also, is there a way to select what type of meta data is published under new posts? For example, if I wanted to share the date publish and the category but wanted to hide the number of comments and author.
Thank you very much.
URL: English Post
URL2: Arabic Post
X version: 4.6.4
Cornerstone Version: 1.3.3
WP Version: 4.7.2February 12, 2017 at 11:15 pm #1368455
ChristopherModeratorHi there,
Please add following code in Customize -> Custom -> Global CSS :
@media (min-width:979px){ .rtl .x-main.left { float: right; } .rtl aside.x-sidebar.right { float: left; } }Hope that helps.
February 13, 2017 at 10:06 am #1369080
KareemahdabParticipantHi Christopher,
Thanks for the quick reply.
The code above definitely switches the sidebar to the correct side but I think it still needs some fine tuning as now the featured image clips with the sidebar.
This is visible in both the index page and the post itself. Is there a way to sort this out?
February 13, 2017 at 10:17 pm #1369941
RupokMemberHi there,
Thanks for writing back. Let’s use this CSS as well :
.x-main.left, .x-main.right { margin-top: 35px; } .x-sidebar.right { padding-left: 0; padding-right: 35px; }Hope this helps.
Cheers!
February 17, 2017 at 1:38 am #1374658
KareemahdabParticipantHi Rupok,
Thank you very much for the code, I had to change padding-left: to 35px instead of 0 because setting it to 0 caused the same initial issue to happen with the English version instead of the Arabic.
February 17, 2017 at 4:54 am #1374793
Paul RModeratorGlad you were able to figure it out. Have a nice day! 🙂
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1368380 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
