I would like to make the background specified in the Main Content Area static, meaning it doesn't move in the page. I tried adding the following css to the customer css area and it did not seem to make a difference.
Thank you for contacting us. May I ask you, which background would you like to make static? I have visited https://dev.aspensalesgroup.com/ , there is no "boxed layout" as I can see, so I am wondering, which background exactly do you mean? Kindly share a screenshot, thank you.
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
If I wanted to make a row background image sticky as I did the global background image, what CSS is required to do that? Apparently, each page of the website I am developing has a different background image. Here is a screenshot of where the background will be placed.
I am very pleased to know you are satisfied with TheGem and its support. It would be much appreciated if you could leave a positive rating on themeforest.net - this is very inspiring for us to constantly improve TheGem for your best user experience! Thank you in advance!
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Is there a way to keep an image (not background image) fixed. Maybe a better way to ask this, I have moved an image from the background of a row to a "single image" content inside of a row. Can I keep the single image fixed so it doesn't move as I scroll.
I would like to make the background specified in the Main Content Area static, meaning it doesn't move in the page. I tried adding the following css to the customer css area and it did not seem to make a difference.
body {background-attachment: fixed; }Is there something you can recommend?
Thanks,
Charlie
Hi Charlie,
Thank you for contacting us. May I ask you, which background would you like to make static? I have visited https://dev.aspensalesgroup.com/ , there is no "boxed layout" as I can see, so I am wondering, which background exactly do you mean? Kindly share a screenshot, thank you.
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
Hi Oliver,
This background, located in TheGem Theme Layout section.
Thanks, Charlie
Attached files: Screenshot 2024-06-11 165245.jpg
Hi,
Now I see, thank you. You need to select "cover" as size option and use following CSS in Theme Options -> Custom CSS:
.block-content {
background-attachment: fixed;
}
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
Hi Oliver,
When I use the cover option, it expanded the image way to much. The contain option worked with the CSS you provided. Thank you, problem solved! :-)
You are welcome!
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
Hi Oliver,
If I wanted to make a row background image sticky as I did the global background image, what CSS is required to do that? Apparently, each page of the website I am developing has a different background image. Here is a screenshot of where the background will be placed.
Thanks,
Charlie
Hi,
1. You need to specify the class for the row, for example: row-background-fixed
2. After that you can use the following custom css via Theme Options - Custom CSS:
.row-background-fixed { background-attachment: fixed;
}
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
Thanks Oliver, that worked! You are the best :-)
Charlie
Hi Charlie,
You are most welcome!
I am very pleased to know you are satisfied with TheGem and its support. It would be much appreciated if you could leave a positive rating on themeforest.net - this is very inspiring for us to constantly improve TheGem for your best user experience! Thank you in advance!
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
Good morning,
Is there a way to keep an image (not background image) fixed. Maybe a better way to ask this, I have moved an image from the background of a row to a "single image" content inside of a row. Can I keep the single image fixed so it doesn't move as I scroll.
As usual, thank you for your tremendous support.
Charlie
Hi,
if I understand your intention in the correct way, you can put the single image in a column and make this column sticky:
In this way the single image in this column will stay "fixed" while scrolling down the page.
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver