Community Forums › Forums › Archived Forums › Design Tips and Tricks › How to style "featured posts" widget
Tagged: css, featured posts widget, magazine theme
- This topic has 5 replies, 4 voices, and was last updated 8 years, 8 months ago by gallilaw.
-
AuthorPosts
-
March 30, 2014 at 10:33 pm #97562lauraMember
Hi all
I have been trying - without any success - to style the featured posts widgets.
I'd like to display my most popular posts in the sidebar of my website (hence the use of the "featured posts" widget), but I'd love for it to look like the recent posts widget, which is more discreet and inline with the overall design of my website.
I can't simply use the recent post widget, as it only lists the recent posts, whereas I want to list my most popular posts.
Can anyone please point me in the right direction?
My website: http://momgoesonline.com
I am currently displaying both widgets, so it's easy to see the difference.
Thank you in advance for your help!
http://momgoesonline.com
LauraMarch 30, 2014 at 10:44 pm #97565WinterburnParticipantMy thought in this case if you wanna using Genesis Featured Post Widget is:
1. Create category named is Popular
2. Get post from the above category
The 02nd solution for this is using 03rd party plugins.
March 30, 2014 at 11:57 pm #97569lauraMemberHi Winterburn
Thank you for your suggestion. However, the problem is that I want to change the styling (css) of the Genesis Featured Post widget, not the posts that are being selected.
Do you have a suggestion for how to do that?
March 31, 2014 at 12:42 am #97573TomParticipantLaura, try this CSS at the bottom of style.css:
.featuredpost div { padding: 0px; margin: 0px; border: none; } .featuredpost .post { box-shadow: none; border-bottom: 1px dotted #ddd; margin-bottom: 0px; } .featuredpost .post h2 a { color: #10b7b8; font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 14px; font-weight: normal; line-height: 1.5; word-wrap: break-word; } .featuredpost .post h2 a:visited { color: #10b7b8; text-decoration: none; } .featuredpost .post h2 a:hover { text-decoration: underline; }
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]March 31, 2014 at 2:37 am #97581lauraMemberTom - your code worked perfectly!!!
I am so so grateful - I have been trying to do this for a while, and could not work it out. THANK YOU SO MUCH!!!
Laura
July 21, 2015 at 12:26 am #159942gallilawMemberI have the same problem: the theme I created using Dynamik Website Builder applies a default format to widgets in the primary sidebar (the right column). If I make a simple listing, the styling of the title and the list entries works without specifying any CSS in the widget option box. If I use a normal "recent posts" widget, that also uses the default format for the widget title and the items listed.
But if I use the Genesis - Featured Posts widget, it ignores the default formatting entirely and the style it does produce is unacceptably ugly.
How can I get the Genesis - Featured Posts widget to accept the default styling as the other widgets do?
I can't show the site because it is offline. Anyway, I don't want to write CSS code specially for the Genesis - Featured Posts widget when the best solution would be to make it apply the proper formatting automatically as the other widgets do.
Thanks!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.