Ask the community

This is a community support forum where you can ask
questions and interact with other PremiumPress Customers.

How to Change these two color sections


  • victor
    Newbie 19 points
    June 9, 2019 at 4:00 pm

    I have tried to change these pink colors from the customize section and in the elementor section but they remain the same, how do i change them to a different color, i do not want to use pink. Seems like i am missing something.


  • victor
    Newbie 19 points
    June 9, 2019 at 4:04 pm

    Image 1


  • victor
    Newbie 19 points
    June 9, 2019 at 4:14 pm

    I cant upload images for some reason, file size is small but i keep getting the file exceed limit. How do i change the pink background color in the hero section/homepage?

  • JamesD
    JamesD
    Super Guru 1,345 points
    June 10, 2019 at 2:33 am

    Hello Victor,
    Not sure if it’s the same for the theme you’re using, but you can try adding this to your custom styling and replacing the color value:
    #mainimgblock { background: #b6d9f8; }
    It works with the default theme. If it doesn’t work then please provide the child theme being used and/or which Hero header is being used.

    Note: I’m not sure what you mean when yous stated “elementor section”.

  • JamesD
    JamesD
    Super Guru 1,345 points
    June 10, 2019 at 2:37 am

    I cant upload images for some reason

    It’s the forum, not you. I’ve been having the same problem with images and files.


  • victor
    Newbie 19 points
    June 10, 2019 at 5:13 am

    Thanks for responding James, yes the default theme, the first hero which displays the couple. Where specifically is color value of the background of the mainimgblock located where I can edit it?

    Also in the elementor, the premiumpress homepage section -> profiles . When you select the profiles, there is a section which displays the name of the user, age, gender right below the image of the user. When you hover around it, it displays the color pink. I need to also change that color to something different, kindly direct me where to do this.

    The second hero which has text area 1,2 and 3, Style 1 is disabled in the core files (framework/ elementor/elementor-home-hero). Could this be the reason why the background image does not display when you choose style 1, I have tried adding images in the hero images section and the background remains black.

  • JamesD
    JamesD
    Super Guru 1,345 points
    June 10, 2019 at 6:34 am

    @victor

    There aren’t any settings to make the changes you request (that I’m aware of).

    Thanks for responding James, yes the default theme, the first hero which displays the couple. Where specifically is color value of the background of the mainimgblock located where I can edit it?

    If you used Boiler, then check the child theme style.css. Or, you can set it in the PremiumPress > DESIGN SETUP > CUSTOM CSS?STYLES > Header Styles (wp_head) setting.

    Also in the elementor, the premiumpress homepage section -> profiles . When you select the profiles, there is a section which displays the name of the user, age, gender right below the image of the user. When you hover around it, it displays the color pink. I need to also change that color to something different, kindly direct me where to do this.

    Same as described above, with the custom css setting or file.

    The second hero which has text area 1,2 and 3, Style 1 is disabled in the core files (framework/ elementor/elementor-home-hero). Could this be the reason why the background image does not display when you choose style 1, I have tried adding images in the hero images section and the background remains black.

    Yes. There’s quite a bit of code designed for other themes, not just the one running. ).

    You’re seeing that screen with the black background because there is no default selection. Those settings won’t work or be saved. Technically, you probably shouldn’t see it.

    Here’s the css for both:

    #mainimgblock { background: #b6d9f8; }
    .userblock .team_common:hover .member_info .overlay2 { background: #b6d9f8 !important; }

  • victor
    Newbie 19 points
    June 10, 2019 at 7:43 am

    Worked perfectly, appreciate you.

  • JamesD
    JamesD
    Super Guru 1,345 points
    June 10, 2019 at 11:41 pm

    You’re welcome victor, glad it helped.

Viewing 9 posts - 1 through 9 (of 9 total)