It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

Adding some margin to a table

Julien Mar 09, 2016

This question is in reference to Atlassian Documentation: How to change table appearance using CSS

I'm trying to add margin to tables in the general CSS style of confluence but can't get it working.

From the article linked, the examples don't work either. Seems the style is somewhat being overridden by the general confluence style? Saying this as I can't change the color of the titles h1, h2 for example

1 answer

0 votes
Bill Bailey Community Leader Mar 09, 2016

Are you using Firebug in Firefox (or similar) to make sure you have the right class chain for what you are trying to change? I have been fairly successful in getting CSS to work. For example, this code will change the style for H1 on pages:

.wiki-content h1 {
    color: #3B73AF;
    font-weight: 400;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #666666;
    font-size: 26px;
}
Julien Mar 10, 2016

Thank you. I have tried on my side and not working. Cannot install Firebug in my work environment unfortunately so a bit clueless on how to find the correct classes to redefine

Bill Bailey Community Leader Mar 11, 2016

Where exactly are you adding this?

And there is a similar tool available for Chrome (forget the name). But you need it to see if this rule is appearing, but being overwritten, to identify what CSS file and rule is conflicting.

Here are some pages that use this rule:

http://confluence.marketcomllc.com/display/PUBLIC/Documentation+Example

And I have been using variants of this CSS since 4.0

 

Julien Mar 13, 2016

found that it is embedded in chrome, just need to do shit+ctrl+I. Not easy to understnad though. Will play around and revert. thanks again!

Bill Bailey Community Leader Mar 13, 2016

It takes some getting used to, but generally, highlight the specific element you are interested in, then select inspect element to review the rules that are being applied of overwritten.

Suggest an answer

Log in or Sign up to answer
This widget could not be displayed.
This widget could not be displayed.
Community showcase
Published in Confluence

6 Awesome Ways to Apply Trello, JIRA and Confluence to your Project

I attended  Atlassian Summit 2019  and learned a lot from the presenters, attendees and knowledgeable Atlassian product managers. The presentations I attended focused on applying Agile, pla...

853 views 6 16
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you