Sidebar widget format

Resolved thecontemporaryteacher
(@thecontemporaryteacher)

7 years, 11 months ago

Hi there,

I’ve been trying to add a border to my sidebar widgets. I’ve found different parts of how to do this but can’t figure out how to make it all work together…I’m trying to get each widget to have it’s own border. Also, within the border I’m trying to get a “table” or “chart” like feel. This is kind of what I’ve been trying to get it to look like…

1_____________________1
1 1
1 1
1 Top Posts 1
1 1
1_____________________1
1 1
1 Post #1 title 1
1_____________________1
1 1
1 Post #2 title 1
1_____________________1
1 1
1 Post #3 title 1
1_____________________1

The 1s are supposed to show that there is a border all around the widget & then you can also see another border separating the different posts/parts within the widget. The title of the widget “top posts” would ideally be a bit taller than the 3 categories. Then, there would be a bit of space between this “Top Posts” widget & “Recent Posts.” After a bit of space, to show that these widgets are separate, there would be another similar looking table but for recent posts & the posts that are included with that widget.

Also, does anyone know of a plug in or widget or way to have a sidebar that shows “more posts” based on the category that the page is on? For example, if the sidebar is on a page/post about “movie reviews” the sidebar widget will show “more movie reviews” & on another posts section about “book reviews” the widget will show “more book reviews.” I have installed the “recent posts extended” widget but can’t figure out how to make this do exactly what I want.

I truly appreciate any help/guidance.
Thank you!!

Viewing 4 replies - 1 through 4 (of 4 total)

Thread Starter thecontemporaryteacher
(@thecontemporaryteacher)

7 years, 11 months ago

And…the 1s idea didn’t quite work. But basically there would be a single line/border around the entire “table” of the widget.

corewpress
(@corewpress)

7 years, 11 months ago

Hello thecontemporaryteacher,

Hope you are having a great day and thanks for contacting us!

Could you share your URL so I can see the border issue first hand?
Thanks.
Diego

Thread Starter thecontemporaryteacher
(@thecontemporaryteacher)

7 years, 11 months ago

Thank you for your quick response!!

I’m not sure how to share the URL if the website isn’t live yet…

Do you know if there is a way to show a screen shot?

Is there a way to just add the code to make this happen or does it sound like there is an issue with the original code?

Thank you!
Theme Author lyrathemes
(@lyrathemes)

7 years, 11 months ago
@thecontemporaryteacher You can definitely share a screenshot using:
http://tinygrab.com/
http://snag.gy/ or
https://app.prntscr.com/en/index.html

You can also try this code in Appearance > Customize > Additional CSS:
```
.widget {
    border-style: solid;
    border-width: thin;
    border-color: gray;
    padding: 6px;
}
```
Not sure how this would end up looking though, since we’re unable to see what you’re working with right now.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Sidebar widget format’ is closed to new replies.