How can we help?
If you are looking for support for our PokaTheme, this is the place!
Home › Forums › Child Themes support › Sidebar from right to left
- This topic has 6 replies, 2 voices, and was last updated 1 year, 4 months ago by
admin.
- AuthorPosts
- August 9, 2019 at 3:15 pm #5675
Carlos
ParticipantHi,
In the casinoAce theme I want to move the sidebar from right to left. Is there a piece of css code for this in the child theme?
Or is there a handy plugin such as Widget Options, where only widgets can only be switched off / on for a sidebar?Regards,
Carlos
August 9, 2019 at 3:57 pm #5679admin
KeymasterHi Carlos because Casino Ace is using Bootstrap 4 for the CSS framework you can use its reordering classes to change the order of the sidebar.
For example if you add the class “order-first” in the “col-sidebar” element the sidebar is going to the left.
For more information about the available classes see here: https://getbootstrap.com/docs/4.3/layout/grid/#reorderingThe plugin “Widget Options” is for a completely different case, it is so you can display different widgets in pages,categories,posts,etc.
So you can have multiple sidebars to your site.August 10, 2019 at 9:56 am #5692Carlos
ParticipantHi,
Thanks for your feedback.
For the CSS framework I need an example, because I have no experience with Bootstrap 4.
I go to the built-in CSS editor in WordPress (Additional CSS) and type in the code to align the side-bar of the casinoAce theme on the left: … ?? 🙂Carlos
August 13, 2019 at 11:16 am #5723admin
KeymasterHi Carlos,
No problem, you can add the following in your Additional CSS:
`.col-sidebar { order:-1; }
@media (max-width: 767px) {
.col-sidebar { order:1; }
}`August 24, 2019 at 2:04 pm #5898Carlos
ParticipantThanks for your feedback.
If I add the CCS code to the Theme Editor nothing happens, see the screenshot. Do I not have to add the code in the Child Theme? Where is it?September 3, 2019 at 11:44 am #6019Carlos
Participantadmin, I expect another answer 🙂
September 9, 2019 at 11:00 am #6096admin
KeymasterHi Carlos,
Sorry for the late response, all the extra CSS you add them to: Appearance -> Customize -> Additional CSS
If you added the above CSS and you still don’t see the result please send me a URL to check it. - AuthorPosts
- You must be logged in to reply to this topic.