Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Atahualpa 3 Wordpress theme (http://forum.bytesforall.com/forumdisplay.php?f=2)
-   -   [SOLVED] Problem with table styling (http://forum.bytesforall.com/showthread.php?t=2313)

Edu_Sanzio Jul 8, 2009 10:22 AM

[SOLVED] Problem with table styling
 
Hello everybody, first of all thanks for this theme and all the help I've found in this forum (even though I never posted anything before) :)

It's a wonderfull theme and perfectly builds the bridge between CSS experts and starters.

I was pretty happy with my tables, I could style them with no big problem and created them with TinyMCE Advanced easely. But I'm trying to use the new Google Directions Widget and aparently it's a script that uses tables...

When I copy the code It comes with a <script>...</script> tags... And it shows inside a weird table in my page.

I've read others threads about tables but the point here is that, regardless of what I'll do, this google script will use the standard table (which I didn't want to change, since I have others tables that uses this).

Would the only solution be that I create another id for table and put all my CSS found in atahualpa-->Theme Options-->tables into a new ID and then reset the default atahualpa tables? :(
If so, how can I "grab" all the CSS in atahualpa-->Theme Options-->tables and put in "CSS Inserts"?

Sorry about my English... here's the website: http://pousadacountry.site.br.com/blog/ The widget is under the Google Map.

Thanks in Advance

juggledad Jul 8, 2009 11:20 AM

First add a
HTML Code:

<div class="google-maps">.......</div>
around the <script>...</script> you get from google.

then add this to your CSS inserts, changing what ever values you want
HTML Code:

.google-maps table {
        border-collapse: collapse;
        margin: 10px 0;       
        }
       
.google-maps table caption {
        background: #eeeeee;
        border: #999999;
        padding: 4px 8px;
        color: #666666;       
        }
       
.google-maps table th {
        background: #888888;
        color: #ffffff;
        font-weight: bold;
        font-size: 90%;
        padding: 4px 8px;
        border: solid 1px #ffffff;
        text-align: left;       
        }
       
.google-maps table td {
        padding: 4px 8px;
        background-color: #ffffff;
        border-bottom: 1px solid #dddddd;
        text-align: left;       
        }

.google-maps table tfoot td {
        }
       
.google-maps table tr.alt td {
        background: #f4f4f4;       
        }

.google-maps table tr.over td {
        background: #e2e2e2;       
        }


Edu_Sanzio Jul 8, 2009 05:47 PM

Thanks!!!
I'll try that right away!

Edu_Sanzio Jul 9, 2009 05:22 AM

That worked like a charm!
Thank you!


All times are GMT -6. The time now is 01:14 AM.

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