Avada Forums Community Forum Different headers and colors on several pages

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • WouterOving
    Participant
    Post count: 1

    Hi,

    I want to make a few different headers and colors on several pages.

    The website is http://www.poenbeheer.nl

    I want a different logo on /bewindvoering, /budgetbeheer & /schuldhulpverlening

    I need the orange style like the hex codes below.

    – /Bewindvoering #1885E2
    – /Budgetbeheer #64D95B
    – /Schuldhulpverlening #FFCA2B

    I hope that someone can help me out with this!

    Thanks in advance 🙂

    2Cubed
    Participant
    Post count: 2

    Your <body> tag has a class like this: page-id-123 (where 123 is the ID of a particular page). You can use that in your CSS file to style different pages differently.

    wizard247
    Participant
    Post count: 6

    I just used this in the custom CSS on the page where I want a different logo:

    .fusion-logo a img { 
    display: none !important;
    }
    .fusion-logo a
    { 
    background: url('https://your-domain.com.au/wp-content/uploads/2018/11/logo-different.png') !important;
    background-size: 100% !important;
    background-repeat: no-repeat;
    height: 200px !important;
    width: 200px !important;
    margin: 0 auto !important;
    }
    
    .fusion-sticky-shadow .fusion-logo a
    { 
    background: url('https://your-domain.com.au/wp-content/uploads/2018/12/logo-different-sticky.png') !important;
    background-size: 55px 55px !important;
    height: 55px !important;
    width: 55px !important;
    margin-top: -28px !important;
    }
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.