CSS is not working like it was last week.

I created a custom css stylesheet to use when we do an HTML export. It's very basic, just wanted to tweak a few things.

It was working fine last week but this week when I do an export it's ignoring my css and a lot of the other css like the overall font. Here's a couple of screen shots to show what I mean.

Last week my export looked like this:


Today, September 23, it looks like this:

I have done the following to add the css to the page.

  1. css macro right on the page.
  2. include page macro pulling css from my Inclusions Library (this was working great)
  3. using {style} and my css in the Space Admin > Themes > Configure Theme > Header

Here is a copy of my css:

h1, h2, .wiki-content h1, .wiki-content h2 {color: #00478d !important;font-weight: bold;}

/* hides child page list */
div#children-section.pageSection
{
display: none;
}
/* used for info, note etc macros */
.fpanelInfo{
padding-top:12px;
padding-left:10px !important;
display:inline-block !important; 
background-color:#fcfcfc;
border:1px solid #AAB8C6;
border-radius:5px;
line-height: 1.4em;}
.fpanelNote{padding-top:12px;
padding-left:10px !important;
display:inline-block !important; 
background-color:#fffdf6;
border:1px solid #ffeaae;border-radius:5px;line-height: 1.4em;}
.fpanelWarning{padding-top:12px;
padding-left:10px !important;
display:inline-block !important; 
background-color:#fff8f7 !important;border:1px solid #d04437;border-radius:5px;line-height: 1.4em;}
.fpanelTip{padding-top:12px;
padding-left:10px !important;
display:inline-block !important; 
background-color:#f3f9f4;border:1px solid #91c89c;border-radius:5px;line-height: 1.4em;}

.fTitle {
font-weight:bold !important;
margin-top:-22px !important;
margin-left:26px !important; 
}

.fContent{
padding: 0px 12px 12px 26px !important;
width: 700px !important;
}
/* hides meta-data that displays at top of page */
div.page-metadata
{
display:none;
}

We are using the Documentation theme.

Thoughts? Ideas? Help!

2 answers

Update....I looked at the site.css for each version of the page.

The site.css from today starts here:

And my site.css from last week:

Is a ticket needed?

Suggest an answer

Log in or Sign up to answer
How to earn badges on the Atlassian Community

How to earn badges on the Atlassian Community

Badges are a great way to show off community activity, whether you’re a newbie or a Champion.

Learn more
Community showcase
Posted Jul 10, 2018 in Confluence

We want to see the templates you've created in Confluence!

Hi Community, Jessica here from the Confluence Product Marketing team!  July’s community challenge is all about sharing pictures  — and as an extension of our first post on what ...

628 views 21 11
Join discussion

Atlassian User Groups

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

Find a group

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

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you