Community Forums › Forums › Archived Forums › Design Tips and Tricks › sidebar width
Tagged: Neilo
- This topic has 12 replies, 2 voices, and was last updated 8 years ago by Doug Edgington.
-
AuthorPosts
-
March 9, 2016 at 8:53 pm #181088JesseMember
HI,
I'm stuck trying to figure out how to open up the width of "Featured Shows" in my sidebar. I do have Design Palette Pro.
Featured by nelio is the plugin I use to display these.
Can someone help me open up the width to fill the sidebar? I want this plugin to expand to the grey border 🙂
Thanks,
http://ultimatehealthpodcast.com
Jesse
ultimatehealthpodcast.comMarch 10, 2016 at 2:15 am #181098Doug EdgingtonMemberYou can open it up by removing the padding around the featured show. There is 40px of padding on the left, top and right. And 1em of padding on the bottom. You could do something like the following:
#neliofp_widget-2 .entry { padding: 0 0 20px 0; }
The 20px declaration controls the bottom padding. You can adjust it according to how far you want the featured shows spaced apart vertically.
Doug Edgington
http://www.dougedgington.comMarch 10, 2016 at 7:25 am #181109JesseMemberThank you Doug!
I tried adding it to my style.css and nothing changed. Am I doing something wrong?
Thanks again!
March 10, 2016 at 10:39 am #181118Doug EdgingtonMemberI didn't see the declaration in the stylesheet. Are you adding it to the enterprise pro style.css file?
The example up above was referencing one widget only. Try the following to reference any featured shows widget. But the above should have worked for that widget.
.widget_neliofp_widget .entry { padding: 0 0 20px 0; }
Doug Edgington
http://www.dougedgington.comMarch 10, 2016 at 11:42 am #181125JesseMemberHere you can see I have it added to the bottom of enterprise pro style.css.
I put it at the bottom, should I have replaced something or put it somewhere else within style.css?
Thanks Doug!
Check out this screenshot - http://imgur.com/gdP2gfY
And I tried the new code you provided and nothing changed.
March 10, 2016 at 11:56 am #181131Doug EdgingtonMemberWhen I look at the style.css file, I am not seeing the declaration in there.
http://ultimatehealthpodcast.com/wp-content/themes/enterprise-pro/style.css
Doug Edgington
http://www.dougedgington.comMarch 10, 2016 at 11:59 am #181132JesseMemberJust added it back... playing with things over here.
Have a peek now 🙂
March 10, 2016 at 12:03 pm #181133JesseMemberit's affecting the text (title) of my second widget from the top in a negative way.
March 10, 2016 at 12:12 pm #181135Doug EdgingtonMemberThere was a delay, but it is now working. You would want to use the second code example that I provided in order to apply the styling to all Featured Shows widgets. This first example only adds it to this particular widget - neliofp_widget-2.
Not sure what you mean about affecting the text title for the second widget. That appears to be a text widget, so the new style rule should not be affecting it. Try refreshing your browser to see if it fixes the issue.
Doug Edgington
http://www.dougedgington.comMarch 10, 2016 at 12:25 pm #181136JesseMemberOk the title on the second widget is normal again, must have been delayed.
So with the code inserted (first one you gave me) it appears to have no effect on the sidebar at all. Take a peek at this screenshot and you can see the Featured Shows are still not spreading the width of the widget.
Thanks!
March 10, 2016 at 12:31 pm #181137Doug EdgingtonMemberI am seeing the changes on my end. Try refreshing your browser. The old stylesheet is likely stuck in your browser cache.
Doug Edgington
http://www.dougedgington.comMarch 10, 2016 at 12:47 pm #181139JesseMemberThanks Doug, works perfectly!! I appreciate all the help!
March 10, 2016 at 12:50 pm #181141Doug EdgingtonMember -
AuthorPosts
- The topic ‘sidebar width’ is closed to new replies.