Swank Featured Circles custom title

[NCKTessa]

I just changed the title of one of the pages I'm using as a featured circle on the Swank home page. It does not match the entry-title I want displayed for this circle. Is there any way I can customize the text that displays for the entry title?

This should fix the problem I have with the circles not appearing in a nice horizontal line, but if it's not possible, is there any way to get this widget ("Personal Chef") to align to the top of the featured circles widget area? I tried everything I could think of as a temporary fix (changing the height, adding padding, changing display), but the widget would always appear so that the circle is not in line with the others. Thanks!

http://www.naturalcomfortkitchen.com/

[Susan]

If you uncheck the box to display the Post/Page title, the widget will align with the others, without needing to make any other adjustments to your CSS. The theme is designed to display a title for the widget (not to display the page/post title).

~ Susan
Pretty Darn Cute Design Support Admin

[NCKTessa]

Hi Susan,

That's how I have it set up, and it doesn't align with the other widgets.

Even if I can't customize the text where the "page title" displays beneath the circle, I'd love to know what is causing that specific box/widget to sit on the "bottom" of the widget area. From browsing the forums, I noticed a couple other users had the same question, but I never found a solid reply.

[Susan]

That’s how I have it set up, and it doesn’t align with the other widgets.

I'm seeing what look like page titles below the circle widgets...

I have my test site (here) set up like the demo, with the featured circles aligning correctly.

You've made significant changes to your CSS, so you'll need to compare your CSS against the demo's CSS to identify the change you have made which is causing the issue with the 3rd widget.

[NCKTessa]

I went through every line of CSS, and the issue isn't caused by my customizations. You say the theme is not designed to display the post/page title, and that is indeed what is causing the misalignment. For example, when I display only the widget title, regardless of its length, the circles align because they all "sit" at the bottom of the div. When I delete the widget title and display only page titles, the widgets still sit at the bottom, and the multi-line text on the third widget "bumps" it out of alignment with the others, which is not anything I've affected with my CSS customizations.

I guess with varying lengths of titles and displaying both the widget and page/post title, it would only be possible to align the circles if the widget titles, circles, and page/post titles were in separate div/wraps (excuse any incorrect terminology). That kind of thing is out of my skill set, but I did want to document it here and get a confirmation if others come across the same issue.

Finally, one last question. Say I choose to leave the widget title blank and display only the page/post title. Whatever is causing the individual widgets to align to the bottom of the page, is there a way to make them instead align to the top of the div that contains them? I realize I could just make the widget title the same as the page/post title (which is likely what I'll do), but I'm curious as to what bit of CSS makes it work this way, or if it's more complicated than that.

Thanks for your patience!

Tessa

[Susan]

When I delete the widget title and display only page titles, the widgets still sit at the bottom, and the multi-line text on the third widget “bumps” it out of alignment with the others, which is not anything I’ve affected with my CSS customizations.

Correct - if you display the post titles, it may not align correctly, because of the possibility of variation of the length of post titles.

I am not seeing any mis-alignment now on your circles - it is display like the demo:

As far as what is causing it to sit at the bottom - I would need to investigate further.

[Author]

Posts