Background colors / images on home page

Shapely
1

Hello,

I have a few questions regarding the background color and images for the home page.

If I add a background image it displays on alternative widgets -is there a way to chose which widgets the background image is shown on? and Is there a way to do only one background for one widget only, or the entire front page?

When I do the background image the alternative screen that it shows up on is the Shapely Client section, which makes it difficult to see the content, and also the email subscribers - so i don’t want these to have the background screen. but happy for the rest of the page to.

How do I change the color of the back ground screen of the portfolio section? (is it possible to have the background image, or can I at least change the color to white instead please? The font of the title will then need to be changed to black please?

The testimonials - the background image of this seems to be the only option of having the background as small and scroll down as you scroll down - I’m happy with the size but i would like the image to stick and not scroll down, is there a way to do this please?

Lastly :slight_smile: different subject - is there a way to make the button boxes bigger? (both size of box and the text?) and change color of box and text?

Thank you so much x

2

Hi @phiphi,

I hope you are well today and thank you for your questions.

If I add a background image it displays on alternative widgets -is there a way to chose which widgets the background image is shown on? and Is there a way to do only one background for one widget only, or the entire front page?

We can achieve this by developing and using CSS code.

Could you please share me your site URL where it’s displaying and tell me specifically where you want to display the bg image so that i can help you to achieve it?

To help us keep support thread separates could you please create new thread for each of your other questions here Shapely - Colorlib Support Forum instead of asking them in your single thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

Kind Regards,
Movin

3

Great, than you so much movin n shakin

the website is -

Background image I would like displayed on:

Shapely parallax section for front page (first image).

Underneath this is Testimonial - this image needs to just be solid, not scroll down - (do you want new post query for this)?

Parallel section image again - needs background - is it possible to do different background? or same image is fine

Portfolio - can I change the background to not be black? - either the background image or white please - and make font darker?

Then - client section for front page - this is having the background screen which hides the information - so no background screen, unless I can secure the background image to only be part of it, because when you scroll too difficult to read, otherwise just white.

subscribe - no background screen please, - can I make the font larger? darker?

thank you so much!!

4

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other



.shapely_home_testimonial {
    background: url("http://lostnowhere.com/wp-content/uploads/2016/12/Enchanted-World.jpg") no-repeat center;
    background-size: 100%;
}
.shapely_home_portfolio section.projects {
    background: #fff;
}
.shapely_home_portfolio section.projects h3 {
    color: #000;
    font-weight: bold;
}
Parallel section image again – needs background – is it possible to do different background? or same image is fine

Then – client section for front page – this is having the background screen which hides the information – so no background screen, unless I can secure the background image to only be part of it, because when you scroll too difficult to read, otherwise just white.

subscribe – no background screen please, – can I make the font larger? darker?

Please describe these questions a bit more in detail by sharing screenshots of it.