Home Forums Pro Themes Magazine Plus Pro Re-positioning of left sidebar using three column layout and left/right sidebar

Viewing 15 posts - 1 through 15 (of 66 total)
  • Author
    Posts
  • #101938
    Klas Kallin
    Participant

    Hi,
    How can I/can I re-position/move the left sidebar to be placed nearer the content? My right sidebar is positioned closer to the contant than the left sidebar and it does not look nice. I would like to have the exact same space between the content and the left/right sidebar.
    I believe I have to make a change in the style.css and if so, can you please point out what section/part of the code to look for – thus, where to make the neccesary change/changes?
    Thank you very much in advance/Klas

    #101969
    wensolutions
    Keymaster

    Hello @kknp,

    Actually, we are not quite clear your with your query so can you explain it with the proper screenshot so that we can provide the precise fix on this?

    Thank you.

    #101976
    Klas Kallin
    Participant

    Hi,
    Thank you very much for your reply.
    I have prepared a screenshot but it appears I cannot attach it to this post, so please inform me how to send the screenshot to you.
    Thank you kindly/Klas
    p.s. I have replied to your email and included the screenshot in the mail. d.s.

    #101977
    Klas Kallin
    Participant

    Hi again,
    As expected, it did not work replying to your email!
    Kind regrads/Klas

    #101978
    Klas Kallin
    Participant

    Hi,
    I will will try to illustrate the question here:

    X Y Z

    X = position left sidebar

    Y = position content

    Z = position right sidebar

    As you can see the space between X and Y is much wider than between Y and Z. That is the problem.
    Kind regrads/Klas

    #101979
    Klas Kallin
    Participant

    Hi,

    I will try again:

    X…………… Y….. Z

    X = position left sidebar
    Y = position content
    Z = position right sidebar

    As you can see the space between X and Y is much wider than between Y and Z. That is the problem.
    Kind regrads/Klas

    #101981
    wensolutions
    Keymaster

    Hello,

    Can you post your site URL so that we can help you with the precise fix?

    Thank you.

    #101983
    Klas Kallin
    Participant

    Hi,

    It´s a localhost installation so far.

    If you can´t help without an URL to a live site, please let me know and I´ll try to put the site online.
    Thank you/Klas

    #101986
    wensolutions
    Keymaster

    Hello,

    When we check the theme we were unable to find such an issue as you can check in the demo as well.

    https://themepalace.com/theme-demo/?demo=ajBOM0FRNHBmWmQ1amVqMkpGS1ZXdz09

    So we need to inspect your site URL, let us know once you put the site live.

    Thank you.

    #102010
    Klas Kallin
    Participant

    Hi again,
    Now the site is online on URL: ekensberg.vardagshjalp.se
    Kind regards/Klas

    #102069
    wensolutions
    Keymaster

    Hello @kknp,

    When we inspected your site URL, we found that you have made some customization in the theme which happen to cause the issue.

    So as for now, we have adjusted the width of both of the side same and the gap is uniform.

    For this add below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.

    #sidebar-secondary .custom-html-widget table { 
        width: 100% !important;
    }
    
    #sidebar-primary .custom-html-widget table {
        width: 100% !important;
    }

    Hope this helps.

    If you have any issues further then kindly let us know.

    Thank you.

    #102075
    Klas Kallin
    Participant

    Hi,
    and thank you ever so much, it worked fine.

    However, to get the layout as I wanted I had to add a margin argument as shown below:

    #sidebar-secondary .custom-html-widget table {
    width: 75% !important; margin-left: 50px
    }

    #sidebar-primary .custom-html-widget table {
    width: 75% !important; margin-left: 4px
    }

    I actually have one more thing: could you please inform me how to omitt the search icon in the header area, please?
    Thank you very much again for your excellent support!
    Kind regrads/Klas

    #102090
    wensolutions
    Keymaster

    Hello @kknp,

    Please add below given CSS to remove the search from the header.

    .header-search-box {
        display: none;
    }

    Thank you.

    #102397
    Klas Kallin
    Participant

    Hi again,

    Im back with two questions:

    1) How do I change the Home button text “Home” to (localized) “Hem”?

    2) Is it possible in the theme to omitt/remove/inactivate the whole Front Page Bottom Widget Area (which I do not and will not use)?

    Im asking this since as far as I understand and since I do not use that area, that area is the reason why I get a huge naked area between the Front Page Widget Area and the Footer Widgets 1-4.

    If you check my site: wpeken.vardagshjalp.se you will see what I mean.

    Thank you very much in advance and kind regards/Klas

    #102430
    wensolutions
    Keymaster

    Hello @kknp,

    Please find answer to your queries below:

    1) How do I change the Home button text “Home” to (localized) “Hem”?

    Response: Can you please provide the screenshot of the button so that we can provide you the fix?

    2) Is it possible in the theme to omitt/remove/inactivate the whole Front Page Bottom Widget Area (which I do not and will not use)?

    Response: Please add below-given CSS to remove the space.

    #sidebar-front-page-bottom-widget-area {
        padding: 0px;
    }

    Hope this helps.

    If you have any issues further then kindly let us know.

    Thank you.

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