Public Forums 71,145 posts

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1076814

Hi
At this time all the blocks on your site using full width.
So the same effect can not possible. But in Each block settings, you have the option to add the background image.
In order to get one image for all the blocks, first, you have to open each block and set the container width to default or a lower one so you will get space left and right side.
After this, you can apply custom CSS on the body class to add an image.

Regards

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#1078233

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1078238

At this time all the blocks on your site using full width.
So the same effect can not possible. But in Each block settings, you have the option to add the background image.
In order to get one image for all the blocks, first, you have to open each block and set the container width to default or a lower one so you will get space left and right side.
After this, you can apply custom CSS on the body class to add an image.

Kindly check my previous suggestion.
In builder blocks you can add the background image, but if you want it like on example site.
Kindly change the width of blocks from each block options and use below code in custom css block

.wrapper {
    background: url(/images/logo.png);
}

Change the image path with your image path.

Do not forget to change the size of each block before adding the code in custom css block.

Regards

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#1078245

Hi @pankaj Sharma,

Thank you for your response and custom css.

We have updated the image path and applied this to the custom css (on all pages), however it doesn’t seem to have worked…

Please see screenshot attached in the following private post.

Please advise.

Many thanks

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#1078248

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1078274

Hi
use this code

.wrapper {
    background: url(/images/background/elderholme_bg.png) !important;
    padding-left: 100px;
    padding-right: 100px;
}

Also check the link of image, at this time its showing 404

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. romolo

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#1078281

Hi @Pakaj Sharma,

That worked a treat – many thanks 🙂
Please refresh the link and you will see it working.

Thanks again

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1078500

You are welcome!

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#1079613

Hi @pankaj Sharma,

Just following up on this, the only problem we have is that the website doesn’t display well in mobile view.

Please advise what CSS we should apply to fix this.

Thanks

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1079616

Hi
Replace the older code with this code in custom.css file so it will not work in the mobile view

@media(min-width:468px) {.wrapper {
    background: url(/elderholme.co.uk/images/background/elderholme_bg.png) !important;
    padding-left: 100px;
    padding-right: 100px;
}}

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. romolo

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#1079658

Brilliant, many thanks @pankaj Sharma.

[Author]

Posts