sub headings

sub headings

July 12, 2013
Joanne Joanne
  • Joanne
    Joanne
    Newbie 21 points

    Is anyone able to help me locate where I can change the colours of the sub headings.

    July 12, 2013 at 12:29 pm
  • Joanne
    Joanne
    Newbie 21 points

    I have attached image to show exactly what I am wanting changed. I need to change the background colour and the text colour of the headings in an attempt to make them standout more. I have tried changing all the settings on “display settings” – “Layout” but cannot find these particular headings, any help is very much appreciated.

    Attachments:
    You must be logged in to view attached files.
    July 12, 2013 at 12:36 pm
  • Ian
    Ian
    Super Guru 1,200 points

    .itembox {
    border-left: 1px solid #C4C4C4;
    border-top: 1px solid #CCC;
    border-right: 1px solid #C4C4C4;
    border-bottom: 1px solid #C5C5C5;
    background: white;

    etc. etc.

    July 12, 2013 at 12:58 pm
  • Richard Bonk
    Richard Bonk
    Super Guru 2,739 points

    Can you post your site url (link to your site) as it is difficult to provide css code from an image.

    Kind regards,

    Richard
    _____________________________________________________________________
    Wide range of PremiumPress and WordPress Plugins and add-ons
    PremiumPress customisation services and Website Design
    Selection of PremiumPress Child Themes

    July 12, 2013 at 1:10 pm
  • Joanne
    Joanne
    Newbie 21 points

    Thanks Ian that has helped, I have placed this code into the custom styles head data and it has given a nice border. though I do not know how to write code would you mind providing me info on how I change the background colour and the font colour and how to bold the text. your help is very much appreciated.

    July 12, 2013 at 1:11 pm
  • Joanne
    Joanne
    Newbie 21 points

    Thanks Richard it’s http://www.thecakedirectory.com/australia this is a sub folder, I will also be wanting to change the other sites as well, I am hoping once I have it changed on one site I should be able to replicate this on the others.

    July 12, 2013 at 1:15 pm
  • Joanne
    Joanne
    Newbie 21 points

    I have actually managed to do it myself and have learnt alot along the way…very simple for some but maybe not for others :-)

    I did it by adding the following in the Display Settings, Layout, Custom Styles (adding it here means it will not get over written when upgrading versions of pp)

    <style>
    .itembox h1.title {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 20px 2px 5px 3px;
    background: #A84A5C;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #a84a5c 70%);
    }

    .itembox h2.title {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 20px 2px 5px 3px;
    background: #A84A5C;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #a84a5c 70%);
    }
    </style>

    I hope this helps others.
    J

    July 13, 2013 at 6:10 am
  • Ian
    Ian
    Super Guru 1,200 points

    I have actually managed to do it myself

    Good on ya! 😛

    July 13, 2013 at 8:33 am
Viewing 8 posts - 1 through 8 (of 8 total)

Didn't find what you were after?

Chat with us now

or contact our support team