• Resolved uashdo

    (@uashdo)


    Dear all

    I am quite desperate. I use the Hemingway theme, which is great.
    I use the ‘WP Add Custom CSS’ to give two pages a whole different look. But I don’t know where or how I can change the header background image, the logo or the accent color.
    All of these elements are part of the ‘customize’ function of the theme. Where can I change them for only certain pages?
    Is this somehow possible? Please…

    Thank you so much for your support!

    All the best,
    uashdo

Viewing 15 replies - 1 through 15 (of 23 total)
  • Thread Starter uashdo

    (@uashdo)

    Dear all

    I still could not find a solution. Is there no one with an idea?

    Thank you so much.

    Bests,
    uashdo

    We need to see your site to help with CSS questions.

    Thread Starter uashdo

    (@uashdo)

    Hi WPyogi

    Here is the link to my site https://www.in-coaching.ch/

    Thanks for helping!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    But I don’t know where or how I can change the header background image, the logo

    That’s likely to be done through a theme option.

    What do you mean by “accent color”?

    Thread Starter uashdo

    (@uashdo)

    Thanks!
    You are right – it is a theme option. But I want to have a different theme option for one or two pages. That’s why I’m asking for the code.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You can’t change the logo in CSS, it’s generated through PHP.

    You can change CSS background colours though. If you look at the source code of your page and look at the ‘body’ element, you will see that there’s a class unique to that page. This class is labelled as “page-id-(n)”, e.g. “page-id-2”.

    Use that to target the page, e.g.:

    .page-id-2 .header {
        background: url(path/to/new/img.png) !important;
    }

    Thread Starter uashdo

    (@uashdo)

    Great! It worked for the colour! Thank you so much.
    Is there no way to change the logo image in CSS? If so is it possible to change the php for individual pages?
    The third problem ist the link colour. Is there a CSS option?

    Thank you!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    There’s not a way to change the logo through CSS that I would advise.

    Which link colour?

    Thread Starter uashdo

    (@uashdo)

    I put a sample page online https://www.in-coaching.ch/reconsat/
    I’m talking about the colour of the link – here in the footer ‘Vereinbaren Sie jetzt ein kostenloses Coaching-Erstgespr?ch oder rufen Sie mich an.’

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Add this to your Custom CSS*:

    .footer .widget-content a {
        color: deeppink;
    }

    Thread Starter uashdo

    (@uashdo)

    Thanks! Sorry I mean it should only get blue if I hover over it. When it turns green now. Same with the Impressum and in the text…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Okay, add this:

    .widget_text a:hover {
        color: blue;
    }

    Thread Starter uashdo

    (@uashdo)

    No changes ??

    Thread Starter uashdo

    (@uashdo)

    Juppii got it now. It needed the !important

    Thread Starter uashdo

    (@uashdo)

    How do I get the same effect for links in the text or at the very bottom (impressum)?

Viewing 15 replies - 1 through 15 (of 23 total)
  • The topic ‘Hemingway theme: change header and accent color on one single page’ is closed to new replies.