Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] Classes added to style.css seem to be ignored


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Oct 6, 2009, 05:15 AM
kostermw
 
23 posts · Oct 2009
Help [SOLVED] Classes added to style.css seem to be ignored

For some content I like to use my own ccustom table style and thus I added a class (derived from table) to the 'styles.css' file like;

table.mytable {
border-width: 0px;
border-spacing: 0px;
border-style: none;
border-color: gray;
border-collapse: collapse;
background-color: white;


However, when I apply the class in my content (using html edit) it is completely ignored. Is this by design or am I making a mistake?
  #2  
Old Oct 6, 2009, 05:30 AM
juggledad's Avatar
juggledad
 
22,186 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
you should put this in the theme options at ATO->HTML/CSS Inserts->CSS Inserts

tis way they will be applied last and you won't have to re add them when you upgrade the theme since they are now a theme option and not a change to the code.
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #3  
Old Oct 6, 2009, 07:07 AM
kostermw
 
23 posts · Oct 2009
Makes sense, however it does not work either.
See http://www.elefantin.nl/?p=5 for the result.
It seems the style is not applied or overruled.
I would expect something like this; http://www.elefantin.nl/test/

I have added the following CSS insert into your theme in Wordpress;


table.photoblog {
border-width: 0px;
border-spacing: 0px;
border-style: none;
border-color: gray;
border-collapse: collapse;
background-color: white;
}
table.photoblog th {
border-width: 0px;
padding: 0px;
border-style: none;
border-color: gray;
background-color: white;
}
table.photoblog td {
padding: 0px 0px;
background-color: #ffffff;
border-style: none;
}


and in my post (html edited) I then use;

<table class="photoblog" border="0">
<tbody>
<tr>
<td><img src="blogged/blog_effarc2009/eff1.jpg" alt="p1" width="180" height="135" /></td>
<td><img src="blogged/blog_effarc2009/eff2.jpg" alt="p2" width="100" height="135" /></td>
<td><img src="blogged/blog_effarc2009/eff3.jpg" alt="p3" width="180" height="135" /></td>
<td><img src="blogged/blog_effarc2009/eff4.jpg" alt="p4" width="180" height="135" /></td>
<td><img src="blogged/blog_effarc2009/eff5.jpg" alt="p5" width="100" height="135" /></td>
</tr>
</tbody></table>
  #4  
Old Oct 6, 2009, 07:34 AM
juggledad's Avatar
juggledad
 
22,186 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
try this instead of what you have
HTML Code:
table.photoblog tr td,
table.photoblog tr td img {
margin:0;
padding:0;
background-color:#ffffff;
border-width:0px;
border-style:none;
}
the theme has settings for almost every level and since you weren't specific enough, the theme settings came into play - for example there is a '.post img {...} set of settings the you were not overriding, so they were applied.
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #5  
Old Oct 6, 2009, 10:20 AM
kostermw
 
23 posts · Oct 2009
Ah, yes indeed ... that does the trick . And what a nice compact way to (re)define the custon style. (typically lack of knowledge from my side)

Let me send you some kudo's as a token of appreciation for your swift reply.

Bookmarks

Tags
custom, style, table

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Using version 3.4.3 vs. 3.3.3 Style.css?? Craig Mattice Atahualpa 3 Wordpress theme 2 Oct 2, 2009 12:41 PM
Version 3.4.2 How do use style.css rather than the inline stuff? joaodagraca Header configuration & styling 2 Aug 4, 2009 08:37 AM
Changing Postbody style [screenshot added] Question Atahualpa 3 Wordpress theme 1 Mar 18, 2009 11:10 AM
errors in style.css aninkling Atahualpa 3 Wordpress theme 1 Feb 26, 2009 05:59 PM
Style from source to CSS stylesheet file? kartun11 Atahualpa 3 Wordpress theme 3 Feb 12, 2009 04:35 PM


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


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