• Creator
    Topic
  • #27811

    Richard Long
    Participant
    Been thanked: 0 times

    I use Alora+ theme. I changed sidebar size using this custom css code.

    #secondary {
    max-width: 200px !important;
    }

    That worked.

    Now how do I enlarge main contents area. There is a large gap between sidebar menu and products.

    Thanks

Viewing 9 replies - 1 through 9 (of 9 total)
Replies
  • Roman
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #27814 |

    I would recommend to set it with a percentage value in Theme Options -> Sidebar

    Richard Long
    Participant
    Post count: 8
    Been thanked: 0 times
    #27815 |

    I’m sorry I’m using “evolve +” and I do not have that option in Theme options

    Denzel Chia
    Moderator
    Post count: 2871
    Been thanked: 94 times
    #27818 |

    Hi,

    The sidebar is #secondary, then contant area is #primary
    Use #primary with the css code that you had posted in this thread.

    Thank you

    Richard Long
    Participant
    Post count: 8
    Been thanked: 0 times
    #27830 |

    The pages I’m trying to adjust are the woocommerce product and catagoties pages. The css code #primary does not change how it is displayed? The css code for #secondary changes the sidebar width but the space it takes stays the same. It seems like the column the sidebar resides in does not change just the width of the sidebar.

    Richard Long
    Participant
    Post count: 8
    Been thanked: 0 times
    #27831 |

    I can set the #primary to 300px and it makes it small on right side of page. I can increase px and it gets larger. It maxs out at about 900 pix. If I set for 1200px or 1000px it is same size as 900px.

    Thanks again

    Roman
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #27839 |

    modify per your needs

    Richard Long
    Participant
    Post count: 8
    Been thanked: 0 times
    #27865 |

    The above code did not change position on screen.

    The code below works for me to a certain width

    #primary {
    max-width: 800px !important;
    }

    #secondary {
    max-width: 200px !important;

    The primary content will change to a certain point around 800px. If I set it to 300 it is small. Set it to 500 it gets bigger. Anything after around 800 it stays the same. I can change 800px to 1000px it does not get bigger.

    Thanks for all your hard work.
    }

    Richard Long
    Participant
    Post count: 8
    Been thanked: 0 times
    #27866 |

    OK after some trial and error I found this seems to work.

    #primary {
    width: 80%;
    }
    #secondary {
    width: 20%;
    }

    Thanks again

    Roman
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #27867 |

    well, I wrote you to modify per your needs 😛

Viewing 9 replies - 1 through 9 (of 9 total)
You must be logged in to reply to this topic.