This topic contains 6 replies, has 2 voices, and was last updated by 
- Posts
Using the free version. Pretty simple question I imagine but I’ve tinkered with everything and can’t figure it out.
I’ve got an ad at the bottom of my page that is 728 pixels wide, and the sidebar is overlapping it on pages with short content, so I need to move it over.
See here: http://www.beercaloriescarbs.com/caloriesinbeer-brewery/beercalories-number/
Thanks!
You’ve simply made the content too wide and the padding is too much:
#content {
float: left;
padding: 90px;
width: 800px;
}Update that to:
#content {
float: left;
padding: 20px;
width: 728px;
}Also, update:
#sidebar {
float: right;
margin-right: 0;
width: 20%;
}to:
#sidebar {
float: right;
margin-right: 0;
padding: 40px 0;
width: 20%;
}Overall, based on your customizations it seems you’re basically not interested/concerned with mobile use. In that case I would just set your minimum width to 1000px so that it’s simply a static/fixed width design for the best use here with your website.
I tried to do it, not sure if I did it in the right place, but it doesn’t look like it worked. Honestly I don’t know a thing about HTML and I realize I’m asking basic HTML questions, so I appreciate you taking the time to help.
Looks like #content appears 19 times in the style.css file, so I’m not sure which one I’m supposed to be changing.
Actually, we’re working with CSS.
You should only need to copy and paste the following to your Custom CSS area inside your theme options:
#content { float: left; padding: 20px; width: 728px; }
#sidebar { float: right; margin-right: 0; padding: 40px 0; width: 20%; }Can I only do this with the Pro version? I’m using the free version right now and it’s telling me I need Pro to access advanced editing capabilities.
Nevermind I figured it out. Thanks for your help!
Sorry, missed that part. For free, it’s a little more complicated. You’ll need to setup a child theme:
https://startupwp.com/topic/child-theming/
But, in pro as already indicated, you can use a convenient Custom CSS area within the theme options without all the extra work.
Either way, you’ll want to use one of these methods instead of manually editing the stylesheet for example, otherwise those edits will be overwritten and lost upon upgrading (everytime).
You must be logged in to reply to this topic.