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

This widget could not be displayed.

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?
This widget could not be displayed.

I created the following ticket: https://support.atlassian.com/browse/JST-77326

Suggest an answer

Log in or Sign up to answer
Community showcase
Posted Sep 17, 2018 in Confluence

Why start from scratch? Introducing four new templates for Confluence Cloud

Hi my Community friends!  For those who don't know me, I'm a product marketer on the Confluence Cloud team - nice to meet you! For those of you who do, you know that I've been all up in your Co...

582 views 7 6
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