Forums

Articles
Create
cancel
Showing results for 
Search instead for 
Did you mean: 

Styling "Children Display" macro content

Deleted user June 12, 2019

Hi,

 

I'd like to style the bullet list but only in the children macro.

I have lines of CSS in my space stylesheet that change ALL of the bulleted lists at the moment.

ul {
list-style-type: lower-greek;
list-style-image: url('xxxxx');
}

 

I'd like to apply this setting but only to my children macro.

Any ideas will be very much appreciated, as I have failed with my many attempts :(

Thank you so much : D

kind regards,

Damien.

2 answers

1 accepted

2 votes
Answer accepted
Thomas Schlegel
Community Champion
June 12, 2019

Hi @[deleted] ,

try this CSS:

ul.childpages-macro.conf-macro.output-block {
list-style-type: lower-greek;
list-style-image: url();
}
Deleted user June 12, 2019

works wonders, thank you very much

Thomas Schlegel
Community Champion
June 12, 2019

You're welcome, Damien

Thomas Schlegel
Community Champion
June 12, 2019

You're welcome, Damien

Deleted user June 12, 2019

I forgot to hide the URL, the answer could be useful to other people but could you please remove the URL I actually provided in the first place ?

tyvm again Thomas

Thomas Schlegel
Community Champion
June 12, 2019

Of course, I removed it

Like Deleted user likes this
Brandon Valley May 22, 2020

Where do you put the CSS?  How do you insert it?

Like G H Mahimaanvita likes this
0 votes
Deleted user June 12, 2019

to give you an idea i was able to style other macro contents (thanks to the great community here) for instance ::

#com-atlassian-confluence .expand-control-text {
font-size:105%;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #FF0000;
border-radius: 12px 12px 12px 12px;
padding: 5px;
background: #F5F5F5;
color: #DC143C;
}

 

to style expand macro

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events