div#sidebar1 {
/* width: 20%; */
float: left;
}
it’s the width @20%
comment it out in the CSS and it should be okay
Thread Starter
jm35
(@jm35)
For some reason I can’t find that line in my custom.css file
Thread Starter
jm35
(@jm35)
Here is all I see related to the sidebar in my custom.css:
#sidebar1 {
margin: 0px;
padding: 0px;
}
#sidebar1 div.widget,
#sidebar1 div.widget_recent_entries {
margin: 15px 0px 0px 0px;
padding: 15px 15px;
clear: both;
background-color: #f9f9f9;
position: relative;
border: 1px solid #f1f1f1;
overflow: hidden;
}
#sidebar1 h4 {
color: #072669;
font-size: 20px;
font-family: ‘Ruda’, sans-serif;
font-weight: 700;
margin-top: 0px;
padding: 10px 0px 5px 0px;
}
#sidebar1 ul {
margin: 0 0 15px 0;
padding: 0px;
list-style: none;
}
#sidebar1 ul li {
margin: 0;
padding: 0px;
}
#sidebar1 ul li a,
#sidebar1 ul li a:visited {
font-family: ‘Ruda’, sans-serif;
}
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You need to override it instead of commenting it out.
In the “Additional CSS” section of the dashboard add this:
div#sidebar1 {
width: auto;
}
https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress
Thread Starter
jm35
(@jm35)
In the Appearance > Customize > Additional CSS box?
I gave that a shot and cleared cache, doesn’t seem to have worked.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Try this instead:
body div#sidebar1 {
width: auto;
}
Thread Starter
jm35
(@jm35)
Genius, that fixed it! Thanks so much
