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 »

[SOLVED] Problem with table styling


  #1  
Old Jul 8, 2009, 11:22 AM
Edu_Sanzio
 
3 posts · Jul 2009
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
  #2  
Old Jul 8, 2009, 12:20 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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;	
	}
__________________
"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, 2009, 06:47 PM
Edu_Sanzio
 
3 posts · Jul 2009
Thanks!!!
I'll try that right away!
  #4  
Old Jul 9, 2009, 06:22 AM
Edu_Sanzio
 
3 posts · Jul 2009
That worked like a charm!
Thank you!

Bookmarks

Tags
css insert, script, table



Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Blockquote styling doesn't seem to work David Atahualpa 3 Wordpress theme 2 Jul 11, 2009 01:38 PM
[SOLVED] Page styling malrock Header configuration & styling 2 Jul 4, 2009 01:12 AM
[SOLVED] Paragraph styling timdevogel Excerpts, Read more, Pagination 1 May 7, 2009 02:35 AM
[SOLVED] Magazine style table on front page shakespearesedge Atahualpa 3 Wordpress theme 6 May 2, 2009 08:33 AM
[SOLVED] HTML table below the header ZioRiP@gmail.com Header configuration & styling 8 Apr 27, 2009 07:19 AM


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


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