Pique Theme Home Page Background

  • Unknown's avatar
    coachteodora · Member ·

    Hello,

    Ive chosen Pique Theme for my site. I´ve managed to change the background and pictures for the Panels only; However, I can´t change the background color for the HOME page (first one), it remains the original grey and I can´t seem to be able to change. Anyone could help on this?

    Site Im asking help for: https://wordpress.com/view/coachteodora.wordpress.com

    Thanks do much!

    Teodora

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    helper-heroponriki · Member ·

    Hi there!

    I’m showing that your homepage looks like this now: screenshot https://d.pr/i/yKPaSr

    If you’re still having this problem, please take a screenshot of the problem in question. If you’re not familiar on how to take a screenshot, this support document will help explain how to make one:

    Take a Screenshot

    Then, use a service like Snipboard.io to upload the screenshot and then share the image link from that service here and we’ll take a closer look.

    Thanks!

  • Unknown's avatar
    coachteodora · Member ·

    Hello,

    I apologize, I was trying other themes while waiting for some help.

    Here´s the screenshot, I basically can´t change the background of the first page, the dark grey one.

    Thanks so much!!!

    Teodora

  • deancroyal · Staff ·

    No worries! I have an idea you can try.

    1. Go into your Customize tool: https://coachteodora.wordpress.com/wp-admin/customize.php

    2. Select Colors & Backgrounds on the left.

    3. Click on “Palettes” button: https://d.pr/i/de5HAS

    3. Click on the last colored circle: https://d.pr/i/HSBoKc

    4. Click a colored box, or, click “pick your own color” to get the exact color you want: https://d.pr/i/ThTRRP

    Let us know how it goes!

  • Unknown's avatar
    musicdoc1 · Member ·

    Teodora,

    As an alternative to the suggestion by @deancroyal, you could display a featured image as the background image of the top section of the homepage, which is what is suggested in the Front Page Content section of the Pique theme overview, and what is displayed as the background of the “Front Page” section of the homepage on the Pique demo.

    See the Featured Images support page for relevant information and instructions on how to set and remove featured images.

  • Unknown's avatar
    coachteodora · Member ·

    Hi!

    Fantastic @deancroyal, it works, THANK YOU!


    @musicdoc1     thanks for the suggestion. Yes, I´ve managed to change the background image as well (of the top section of the homepage), the only issue is that the opacity cannot be modified (yes for the panels).

  • supernovia · Staff ·

    Glad you’ve got it!

    And for what it’s worth, if you plan on upgrading the site at some point, you can manage the opacity with some CSS if you’d like. This can be done in Customize > CSS in Premium, Business, or eCommerce:

    .pique-panel-background:before {
    background: rgba(0, 0, 0, 0.5);
}

    That .5 is 50% opaque, so just adjust the number as you like. And the first three numbers determine the RGB color — black in this case.

    Also, bear in mind that the background images will crop differently on different devices, so just make sure whatever you choose works for you regardless of the screen size. There are mobile, tablet, and desktop preview options in the customizer that you’re welcome to try out.

    Let us know if you have more questions!

  • The topic ‘Pique Theme Home Page Background’ is closed to new replies.