need help with table styling « Support Forum | Kriesi.at

Support Forum » Habitat

need help with table styling

4 posts from 2 voices

Started 2 years ago by digitalartcore
Latest reply from Dude
This topic is resolved

Tags:

digitalartcore
Member

Hey guys,
I have to define an extra style for a specific tabel. I had build a static site which looks like as your portfolio items.
I did this because of making it easier for me to use WPML. I was unable and to lazy for hardcoding. That works
fine for me so far. So for whatever reason I used tables, but I want to get rid of the border-lines only of this tabel.

Here is the link to my site: http://digitalartcore.de/gtp/blog/

For now I changed in style1.css between line 480-485

td {
border-right: 1px solid #e1e1e1; / to none;
border-bottom: 1px solid #e1e1e1; / to none;
background: #fff;
color: #777;
}

Of course this has an effect of all tables in the theme, but I just want to define it for one specific tabel. How can I make it simply?
Is it possible just to define over stylesheet or do I need to define a new class and how to do? I also want to adjust the position a
little bit.I tried it in style.css between line 1757-1762

.entry table {
width: 100%; / add position:absolute; top:, left: etc.
padding: 0;
margin: 0;
}

Has an effect of all tables (see above)!

Thanks for your support in advanced!

Kind Regards
Frank

Posted 2 years ago #

Dude
Dude

Hey,
the easiest solution would be to wrap the table into a div (i.e. like:

<div class="my-table">

<table>
...
...

...
</table>
</div>

Then duplicate the table code and append .my-table like:

.my-table td {
border-right: 1px solid #e1e1e1; / to none;
border-bottom: 1px solid #e1e1e1; / to none;
background: #fff;
color: #777;
}

.my-table table {
width: 100%; / add position:absolute; top:, left: etc.
padding: 0;
margin: 0;
}

Posted 2 years ago #

digitalartcore
Member

Hey Dude,
thanks for your quick response! This fixed it! Perfect!

Frank

Posted 2 years ago #
Dude
Dude

Glad that I could help you :)

Posted 2 years ago #