Swank Top Bar Widget Sizing

[NCKTessa]

I tried to post this question a few days ago and it's still not showing up in my forum posts, so apologies if it's already floating around out there somewhere.

I'm using Swank theme and have populated both the top bar (above the header) widgets. The one on the right is only one "line" with nothing in the Title field for the text widget. As you can see, it "jumps" to the top of the widget area. However, I want that text ("Fairfield County, CT and Beyond") to sit on the border below it, on the same line as the title of the current post in the left top bar widget. That should make sense immediately when looking at the page. From what I can tell, the area it sits in is automatically resizing because I haven't entered a text widget title. I thought changing the box-sizing might fix it, but I'm not sure where to do that or what values to use. Thanks!

http://www.naturalcomfortkitchen.com/

[emasai]

Add margin-top: 20px; to .top-bar-right

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[Yer Ly]

In your theme folder open up the "styles.css" file.

Find the following line of code:

.top-bar-right .widgettitle {
    text-align: right;
}

After it, add the following:

.top-bar-right .textwidget {
    padding-top: 20px;
}

Play around with the number 20 to get it correct.

[NCKTessa]

Thanks, I tried the later and it worked, BUT if I decide later to add a title to the text widget, I get a gap between the title and the content text. I was hoping for a solution that could address the auto-sizing of the widget based on the presence of a title or not. I'm not sure if this goes beyond the CSS but I'm fine if it does, if there's anything that might be worth trying.

[emasai]

Whichever solution you choose you will still have to modify the margin or padding if you add a title later on.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[Author]

Posts