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 » Center area post/pages »

[SOLVED] Adding div's and classes to html in individual posts


  #1  
Old Jul 8, 2011, 11:07 AM
webgurl's Avatar
webgurl
 
59 posts · Nov 2010
WordPress 3.0/Atahualpa 3.4.9/Firefox 3.6.12/XP sp3/
[SOLVED] Adding div's and classes to html in individual posts

Greetings! After quite a bit of try and try again I managed to find the precise element attributes I needed to use in ATO>CSS & HTML Inserts section to affect a specific post. The post is the newest one at [url="http://www.ezw123.com"[/URL]

However, the div, class and span elements I inserted into the post using Add Post and the HTML tab do not remain in the the code when I Publish it. Therefore, the additional styling I am trying to add as div's and classes in ATO>Add CSS is ignored.

These are the element attributes I saw in Firebug relating to this post:

id=post-232
class=post-232 post type-post status-publish format-standard hentry category-offthewall odd

So I tried to wrap the entire post text in a div called "ss" for basic formatting, and tried to use span class=phone around the phone number and span class=upper around the first sentence, as I was creating the post.

Then I added this code to ATO>Add HTML CSS Inserts>CSS Inserts:

}
div.post-232 post type-post status-publish format-standard hentry category-offthewall odd, #post-232, #ss{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
text-align: center;
line-height: 20px;
background-color: #FFFFCC;
border: thin inset #000000;
padding: 15px;
margin: auto;
}
div.post-232 post type-post status-publish format-standard hentry category-offthewall odd, #post-232.phone{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #FF0000;
}
.upper {
text-transform: uppercase;
text-decoration: underline;
}

Firefox shows the CSS as I added it in ATO>Add CSS, but since none of the divs and classes I tried to add to the HTML remained, the only formatting that shows is on the div post itself.

I guess this was a drawn out way of asking - How do you add elements like div, class and span to the HTML text of a post?

Thanks for your help.
  #2  
Old Jul 8, 2011, 11:28 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
did you use the visual or html editor?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jul 8, 2011, 02:09 PM
webgurl's Avatar
webgurl
 
59 posts · Nov 2010
WordPress 3.0/Atahualpa 3.4.9/Firefox 3.6.12/XP sp3/
HTML editor....should I be able to add elements in HTML editor?
  #4  
Old Jul 8, 2011, 08:26 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Yes you should, I just put a div in a post. Try disabling all your plugins
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jul 9, 2011, 04:27 PM
webgurl's Avatar
webgurl
 
59 posts · Nov 2010
WordPress 3.0/Atahualpa 3.4.9/Firefox 3.6.12/XP sp3/
I tried disabling all the plug-ins, but elements I put in the post text are still not showing up. Could it have anything to do with the fact that I write the article/post in MS Word and then use the 'copy and paste from Word' option in the "Kitchen Sink" to insert the text? I add the elements after the basic text is inserted.
  #6  
Old Jul 9, 2011, 05:00 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
it shouldn't matter. If you are using the HTML editor, you should be able to put in the html into the post. To see if it is a theme issue swap to twenty-ten and try it.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Tags
adding elements

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Adding HTML to sidebar smork Sidebars & Widgets 2 Jun 21, 2011 09:20 AM
HTML inserts not showing on individual posts teak Atahualpa 3 Wordpress theme 1 Sep 9, 2010 12:33 PM
Adding Some HTML Steve_T Atahualpa 3 Wordpress theme 1 Mar 23, 2009 08:28 PM


All times are GMT -6. The time now is 12:15 PM.


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