Modify recent post widget in parallax pro

[mikep]

I have installed parallax pro on my website: http://www.periu.com
In the widgets: Home Section 5 I have included the "Recent posts" widget.

The link text defaults to the Color Style selected (in this case Parallax Pro Blue) and a particular font size.

I want to be able to modify the appearance of the hyperlinks.

1. I want to make the font smaller so that the titles don't run into the side image
2. I would like to change the font color to white and then have it change to the Color style on hover.

Thank you

http://www.periu.com

[John]

You want to look at around line 1647 of the CSS file, where the parallax-pro-blue a tag is defined. You can change the color from the current blue to #fff and add a font size there, but make sure it doesn't affect other parts of your site.

[mikep]

Thanks for the tip. That works for changing the color/font for all text that falls underthat. My main concern is changing the size jsut for recent posts without impacting all other text on the home page.

When looking at the code code it appears the the list of entries for recent posts falls under the "widget_recent_entries

<section id="recent-posts-3" class="widget widget_recent_entries"><div class="widget-wrap"> <h4 class="widget-title widgettitle">Recent articles</h4>

[John]

You could target that specific area of your home page in the CSS, as an example:

.home-section-5.widget-area a {
color: #fff;
font-size: 20px;
}

That should target just that home section and the a tag within, without affecting other locations.

[mikep]

That worked thanks!

[John]

No problem. Glad I could help. Good luck.

[Author]

Posts