Widget Sidebar CSS Customization

vlogazul · Member · Oct 8, 2014 at 7:31 am
Copy link

Add topic to favorites
Hello, i am using the forever theme and i would like to know if there’s a snippet or if it’s possible to make the last image at the bottom of the widget sidebar align horizontally with the entry-meta of the last featured image post on my home page and also on the category pages.

As you will see, the last image of the widget sidebar looks slightly above the entry-meta of the “El buen accionar de La Máquina” post.

The blog I need help with is: (visible only to logged in users)
hallluke · Member · Oct 8, 2014 at 11:06 am
Copy link
There are a couple of options here but in my opinion they both cause more problems than they solve.

You could move the last widget down to align with the bottom of the last post but then you’d have uneven spaces between widgets.

Or you could try to increase the spacing between the widgets but this depends on you not changing any of the widgets and never writing a post with a longer title that wraps to multiple lines.

Here’s some code to try out the second method, this should align the bottom of the last widget image with the bar separating the post content from the meta – you can adjust the value as you see fit!
```
#secondary .widget {
  margin-bottom:1.82em;
}
```
jannalextx · Member · Oct 8, 2014 at 8:45 pm
Copy link
May I jump in with a related query to Widget CSS customization? I’d like to enlarge the size of the widget headers on my blog, Pairings :: Art + What Goes With It. Can you offer the proper code for me to add? Thanks.
hallluke · Member · Oct 8, 2014 at 9:44 pm
Copy link
Hi there, here’s the code you can add in to your custom CSS:
```
.widget h3.widgettitle {
  font-size:20px;
}
```
Could I also ask in future that you create a new forum post if your question is something different – it makes it easier for other people to find the right answer in future and will stop people getting confused when they read through this topic!
timethief · Member · Oct 8, 2014 at 10:15 pm
Copy link
@halluke
You may want to take a look at this thread https://en.forums.wordpress.com/topic/the-reader-overrides-my-settings-to-display-posts-i-barely-recognize?replies=4
vlogazul · Member · Oct 9, 2014 at 8:15 am
Copy link
It works perfectly, thank you very much!

Will there be a snippet to make the dark gray tittle box in the poll from the footer be #0a3143 colored instead of that dark gray?
hallluke · Member · Oct 9, 2014 at 9:26 am
Copy link
Here you go:
```
#PDI_container8338043 .pds-question-top {
  background-color:#0a3143;
  background-image:none;
  border-radius:0;
  border:0;
}
```
You should also be able to add a font-size declaration if you want to make the title the same as the other widgets.
jannalextx · Member · Oct 9, 2014 at 10:27 pm
Copy link
Thanks for the CSS to use for increasing my widget headers. Worked like a charm! Tweaked it to 16px however ;-} And yes, I get it, I’ll start a new thread next time.

No items found.