|
john davies
|
August 5, 2013 at 4:24 pm
Evening all,
I am using the espresso table short code which separates my categories perfectly. However the table has no border or separation lines between the categories.
Is there an easy way to do this that looks good?
thanks in advance
John
|
|
Josh
|
August 5, 2013 at 5:34 pm
Hi John,
It depends on the WordPress theme being used whether these will work, but these are some basic table styles that can be used/modified and added to the theme’s custom stylesheet to make this happen:
table {
border: 1px solid #777;
border-width: 1px 0 1px 1px;
}
td {
border-top: 1px solid #777;
border-right: 1px solid #777;
}
|
|
john davies
|
August 5, 2013 at 5:48 pm
Thanks Josh,
I am using the Themeforest Mingle wordpress theme
http://themeforest.net/item/mingle-multipurpose-wordpress-theme/235056
How would integrate this with the espresso table html I am using? Tried a number of things but cant seem to get it right.
[ESPRESSO_TABLE category_identifier=”stcw95-fffp”]
thanks
John
|
|
Dean
|
August 6, 2013 at 1:23 am
Can you link to the page with the table? It will give us a clearer idea
|
|
Dean
|
August 6, 2013 at 1:44 am
Hi,
If you add the following to the bottom of your themes style.css file or better yet to a plugin such as My Custom CSS (http://wordpress.org/plugins/my-custom-css/) it will add a basic border (this is just Josh’s code with a small tweak)
table {
border: 1px solid #777;
border-width: 1px 0 1px 1px;
}
tr {
border-right: 1px solid #777;
}
td {
border-top: 1px solid #777;
border-right: 1px solid #777;
}
Screenshot http://d.pr/i/5jWw
|
|
john davies
|
August 11, 2013 at 3:22 pm
All sorted guys, thanks for your help
|
