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

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #5675
    Carlos
    Participant

    Hi,

    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

    #5679
    admin
    Keymaster

    Hi 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/#reordering

    The 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.

    #5692
    Carlos
    Participant

    Hi,

    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

    #5723
    admin
    Keymaster

    Hi Carlos,

    No problem, you can add the following in your Additional CSS:

    .col-sidebar { order:-1; } @media (max-width: 767px) { .col-sidebar { order:1; } }

    #5898
    Carlos
    Participant

    Thanks 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?

    https://prnt.sc/owwsd5

    #6019
    Carlos
    Participant

    admin, I expect another answer 🙂

    #6096
    admin
    Keymaster

    Hi 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.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.