Community Forums › Forums › Archived Forums › General Discussion › Adjust Sidebar sizes in sidebar-content-sidebar Prose theme
- This topic has 5 replies, 2 voices, and was last updated 8 years, 5 months ago by sunnypapabear.
-
AuthorPosts
-
October 20, 2015 at 4:10 pm #168618sunnypapabearMember
I am working on a development site and on the front page I am using the sidebar-content-sidebar layout for the Home Page and then content-sidebar for all other pages. This is a new install of the Prose theme. I want to make the Primary (right side) Sidebar a tad smaller and the Secondary (left side) Sidebar a tad larger, but don't know where in the code to make these adjustments. I found the below area in the Prose Theme Stylesheet (style.css) and adjusted both width settings by the same amounts (e.g. reduced the .sidebar 280px to 210px and #sidebar-alt from 140px to 210px), but nothing happened.
/* Primary / Secondary Sidebars
------------------------------------------------------------ */
.sidebar {
display: inline;
float: right;
font-size: 14px;
padding: 10px 0 0;
width: 280px;
}#sidebar-alt {
float: left;
width: 140px;
}I wanted to also increase the width of the content and reduce the width of the sidebar on the other pages?
October 21, 2015 at 10:50 pm #168712ChristophMemberHi,
when you are working with the style.css of Prose, you have to make sure that you deactivated minification of the css in the Prose Options menu. Otherwise none of your changes will show.
It is much easier to help if you could provide a link to your website.
October 21, 2015 at 10:57 pm #168713sunnypapabearMemberThanks Christoph. The development website is http://www.PeterCruikshank.com/dev and please excuse the mess. I still have some work to do.
November 2, 2015 at 9:09 pm #169960sunnypapabearMemberIf I deactivate minification of the CSS, won't that really slow down the website. Or do I just deactivate it so I can make the changes to the width of the sidebars and content, on the home page, then reactivate after I make the changes?
November 5, 2015 at 10:16 am #170228ChristophMemberYou can just deactivate it to make the changes and then reactivate.
Generally, if you don't minifiy the css, it will not really slow down your website.
One image that´s not optimized will have a huge impact on the speed, minified css not so much.
November 6, 2015 at 9:08 pm #170375sunnypapabearMemberBummer, in Genesis Design Settings I Unchecked the Minify CSS box and tried to change the Sidebar and Sidebar-alt settings -- Nada, nothing :0(
The current working code in the Genesis Custom Code is:
#sidebar {
float: left;
padding: 10px 10px 20px 10px;
width: 240px;
margin: 10px 0px 10px
}
#sidebar-alt {
float: left;
padding: 10px 10px 20px 10px;
width: 150px;
margin: 10px 0px 10px
}I changed it to the below (reducing Sidebar from 240px to 220px, then increasing Sidebar-Alt from 150px to 170px) -- the only thing it did was drop the Sidebar-Alt to underneath the Content :0( Not sure why it did this as I didn't change the total amount of pixels for Sidebar-Alt, Content, Sidebar?
#sidebar {
float: left;
padding: 10px 10px 20px 10px;
width: 220px;
margin: 10px 0px 10px
}
#sidebar-alt {
float: left;
padding: 10px 10px 20px 10px;
width: 170px;
margin: 10px 0px 10px
}Any other suggestions????
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.