This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Change right sidebar width?

  • Creator
    Topic
  • #7254
    rammoss
    Member

    Hi, i have tried to change the width on right sidebar even when i watched the firebug tutorial. Its not that easy as it looks in the video. He gets the width directly and its 350px i cant find it, i have tried many hours without success 🙁

Viewing 1 replies (of 1 total)
  • Author
    Replies
  • #7258
    Jason Bobich
    Keymaster

    Hello,

    What you’re trying to achieve would be similar to this:

    http://support.themeblvd.com/forums/topic/modifying-column-widths/

    You can see all of the framework’s sidebar layout column width CSS at the top of /framework/frontend/assets/css/themeblvd.css.

    http://www.themeblvd.com/demo/alyeska/wp-content/themes/alyeska/framework/frontend/assets/css/themeblvd.css

    You can also get this information my using Firebug or any other inspector and looking at both the #content column and the .fixed-sidebar column.

    This would cover both sidebar right and left layouts:

    .sidebar_left #content, 
    .sidebar_right #content { width: 64.75%; }
    .sidebar_left .fixed-sidebar, 
    .sidebar_right .fixed-sidebar { width: 31.25%; }

    Here’s how the above is currently calculated:

    1% + 64.75% + 1% + 1% + 31.25% + 1% = 100%

    ========

    For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

    Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

Viewing 1 replies (of 1 total)
  • The forum ‘Alyeska Responsive WordPress Theme’ is closed to new topics and replies.