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 »

Applying Custom CSS to a Page


  #1  
Old Apr 1, 2015, 11:33 AM
bda
 
30 posts · Feb 2011
I'm using the WP Custom CSS plugin. I have added custom styles for H1, H2, TD and they work just fine.

Here's my challenge: I have some text on the Home Page that needs to be styled differently than the standard <P>. I 've defined it in the custom CSS, but I can' find no way of adding the style to selected text except to use the Text view when I edit a page and manually type in the style information. Is there any other way of applying a style other than manually.

When I open the Paragraph drop-down, the only styles that I see are the built-in ones like Heading 1, Heading 2, etc.

Ultimately this site will be turned over to staff members who need to be able to update the text referenced above easily - I don't see them manually typing in style names in the Text view.

Any help will be gratefully accepted along with any recommendations for alternative plugins that might work better in my situation.
  #2  
Old Apr 1, 2015, 03:58 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
If you were to code some CSS like this
HTML Code:
p {color: blue;}
all the html elements that have a <p> would be effected. For example, in this case all teh text would be blue
HTML Code:
<p>blah blah blah</p>
<p>more blah blah blah</p>
<p>even more blah blah blah</p>
Now lets say you want to hace teh second line red you woul d have to have an id or class as part of the <p> so you could identify it, like this
HTML Code:
<p>blah blah blah</p>
<p class="mycolor">more blah blah blah</p>
<p>even more blah blah blah</p>
with the css above, it would still be blue so you would have to have something like this
HTML Code:
p {color: blue;}
p.mycolor {color: red;}
now the first and last line would be blue and the middle line would be red.

You might want to look at a text editing plugin - do a google searchwith 'wordpress text editing plugin' and try some and see which does it for you (and the people you will be turning it over to.)
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Tags
css, custom, editing text

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Help: Applying template to non existent page ted123 Montezuma Theme 3 Jan 31, 2013 06:13 AM
Applying CSS to new widgets - Atahualpa 3.7.7 wmike1503 Sidebars & Widgets 3 Jun 28, 2012 09:49 PM
widget css not applying to wp custom fields search plugin lovin'wordpress Plugins & Atahualpa 7 Jun 11, 2011 10:30 AM
[SOLVED] Applying page menu background with hover opacity krystyna Page & Category Menu Bars 6 Mar 2, 2010 12:14 AM


All times are GMT -6. The time now is 07:21 AM.


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