ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• August 22, 2014 at 6:47 pm #103436
  pbi design

  Member

  Post count: 82

  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.

  August 25, 2014 at 12:44 am #103638
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  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

  August 26, 2014 at 7:57 pm #104301
  pbi design

  Member

  Post count: 82

  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.

  August 27, 2014 at 9:15 pm #104654
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  
  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

• Back to forum

  Posted in: Dante