Typography style changes within specific shortcodes

[pbi design]

Hello,

I am trying to modify the following items on these pages:
http://pbidesign.com/evolution/?page_id=6575

1. the “text block (full width)” asset should start right below the header. How do I remove the space that is there now? I still want to see the shadow below the header – it just needs to go at the top edge of the text block.

2. How can I modify the font, colour, letter spacing, etc. for the accordion section titles? Can I also specify a background colour for the section title area?

http://pbidesign.com/evolution/?page_id=9025

3. How can I modify the font for this particular text block? I don’t want to change H1 globally, just in this instance, so it’s a different weight – 300 let’s say.

and this site-wide style edit:

4. how can I modify the footer menu: I would like to remove the lines between the individual links?

thank you.

[Swift Ideas – Ed]

1) Check the page meta options, there is a checkbox to remove top spacing.

2) You can add this custom css and add in your customisations:

.spb_accordion .spb_accordion_section > h3 a {

}

3) You can add inline styles, just add a <div> tag around the text.

4) Add this custom css to remove the lines:

#copyright nav .menu li {
border-left: 0!important;
}

Hope that helps.

– Ed

[pbi design]

thanks. these helped, but I now have a new set of questions about items 2 and 3.

2. I have modified the background colour for the accordion and I now need to change/fix:
2A) the colour for the + sign.
2B) I also no longer see the rounded corners

3. can you give an example using the <div> tag with a couple of styles and text? I don’t have experience with code.

[Rui Guerreiro – SUPPORT]

Hi,

Regarding your points:

2-
.ui-accordion h3.ui-accordion-header .ui-icon {
color: #FFF!important;
}

.ui-accordion h3.ui-accordion-header:hover .ui-icon{
color: #FFF!important;
}

3-

<div style="font-weight:300px;">your h1 text</div>

-Rui