Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

Change font size or color for recent posts titles


  #1  
Old May 1, 2010, 12:01 PM
pyoterguru
 
36 posts · Mar 2010
Change font size or color for recent posts titles

Hi,

How do I change font color, font size, and font weight for Recent Posts titles?

Say I have 10 Recent Posts displayed by Advanced Most Recent Posts plugin, but I want the post titles to stand out from the post excerpts, i.e. look more prominent.

Thanks.
  #2  
Old May 2, 2010, 05:34 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you need to look at the generated source of your page and locate the code created by that plugin. Then you can construct a CSS Selector and rules to make the changes you want.

pluging are created by many people and there is no standard as to what they call the ID's or classes so you have to go digging to configure a indivisual plugin (unless it is one of the ones probided with Atahualpa)
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old May 2, 2010, 07:07 AM
pyoterguru
 
36 posts · Mar 2010
Alright, but if you could just provide me some sample script for insertion into ATO>Add HTML/CSS Inserts, I would take it from there, and would be most grateful.

This Advanced Most Recent Posts plugin doesn't have CSS rules by default, just advanced options for filtering/fetching recent posts, by the way.

I simply need to change the font color and font weight for the title of the recent posts displayed, but no idea how the CSS script would be like, etc.

Thanks.
  #4  
Old May 2, 2010, 08:51 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
ok, lets say I have a calendar plugin and it gives me a 'Upcoming events widget, and I want to change the title to red. I add the widget to my left sidebar (could be any sidebar) and go view the page. This is what I see in the code:
HTML Code:
	<!-- Main Body -->	
	<tr id="bodyrow">
	<!-- Left Sidebar -->
		<td id="left">
			<div id="upcoming-events" class="widget my_calendar_upcoming"><div class="widget-title"><h3>Upcoming Events</h3></div><ul><li class="future-event"><strong>May 29, 2010</strong> – test1<br /><span>11:11 am, </span></li>
</ul></div>
		</td>
		<!-- / Left Sidebar -->
		<!-- Main Column -->
looking at this I see it has an ID="upcoming-events" - this is great because an ID can only be userd once in a page, so I can directly address this widget. Now it's just a matter of coding the CSS Selector and rule.

For the rule I'll just use 'color: red; so I could code
HTML Code:
#upcoming-events {color: red;}
and this would color the title red, but it would also color all the rest of teh text red also, so I need to be more selective so I'll use the h3 in teh selector to get
HTML Code:
#upcoming-events h3 {color: red;}
and now only H3's in the element with the ID of "upcoming-events" will be red.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; May 3, 2010 at 08:10 AM.
  #5  
Old May 2, 2010, 09:36 AM
pyoterguru
 
36 posts · Mar 2010
OK, got your point.

But it's the title of the recent posts (not the H3) listed under Most Recent Posts widget that I need to change color, specifically:
title="How do I get my computer display to show up in color?" as shown in below page source:

<div id="advancedrecentposts-34" class="widget widget_advancedrecentposts"><div class="widget-title"><h3>Featured Computer Repair Tips</h3></div><ul class="advanced-recent-posts"><li><a href="http://computerguru-online.com/computer-display-show-color.htm" title="How do I get my computer display to show up in color?" >How do I get my computer display to show up in color?</a>: My computer display is in black and white. I have no idea how this happened!
  #6  
Old May 2, 2010, 09:40 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Are you saying only the words 'my computer display' are in black and the rest is something else??
What is the URL?
What version of Atahualpa?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] where to change the size of the font, and the color on the titles dirtroad Header configuration & styling 16 Apr 7, 2010 08:31 PM
How do I change the font color of the post/pages font and the title font? GreenEyedMonst Center area post/pages 0 Jan 16, 2010 02:06 PM
post font size and spacing, titles .. ireneeng Atahualpa 3 Wordpress theme 5 Nov 19, 2009 10:47 PM
Changing Color and Font for Post titles daisy24 Atahualpa 3 Wordpress theme 2 Nov 17, 2009 01:40 PM
Page Titles Change Color but Posts Do Not Jrdpa Post-Kicker, -Byline & -Footer 1 Oct 27, 2009 11:06 AM


All times are GMT -6. The time now is 05:38 AM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.