-
Posts
-
I need a bigger space for my body backgorund so that i can put a beautiful art on it but i did not see such an option in the theme. How do people adapt images to be showed in body background? What is the right size for an image so that it will show n the two sides of the body background.
Hey marcelhochman,
Please go to Enfold theme options > General Layout and choose to display boxed layout then go to Enfold theme options > General Styling > Body Background and set your background image :)
Best regards,
YigitI Already know that. I said i need bigger space than the regular boxed layout space. I did not figure out what is the size for images on the background so they will appear only in the visible area and how to make changes so that the website will be bigger or smaller in relation to the background.
Hi,
Could you post a link to the site in question so that we can take a closer look please? A screenshot highlighting the changes you would like to make would help us understand better as well.
Regards,
RikardOk,
see those clouds? I want to have control over this palce size.
I did not figure out what is the size for images on the background ( the place where the clouds appear) so they will appear only in the visible area and how to make changes so that the website will be bigger or smaller in relation to the background.
Hi,
about which clouds are you talking about? I think screenshots would help to make things clear for us. Please use imgur.com or dropbox.
Best regards,
AndyHi,
To reduce the content width and increase the space on both the sides please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (min-width:768px) { .boxed#top, .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header { max-width: 65%!important; }}The current cloud background image is designed in such a way that it will be displayed only if the width of the site is X number of pixels it will not display correctly in all screen sizes. Please check the link in private and upload a image with similar pattern.
Best regards,
Vinayok, I tryed your pattern to see if it would be better, but as you can see, it is impossible even to recognize those are clouds. Am I making something wrong?
Hi,
control it with this code instead:
body::after { background-size: 100% 100% !important; }and adjust 100% as needed.
Best regards,
AndyHi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
AndyI will have to test untill i figure out myself what is the best size for the background. I can t imagine how giving you the admin will help, but i am sending anyway.
Hi!
One solution is to decrease the width of the main container so that the background behind it is more prominent or create a background image with smaller clouds.
.responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header { width: 100%; max-width: 70%; }Cheers!
IsmaelHi!
It’s not working because one of the css declarations are incorrect. We modified the css code a bit. Please remove browser cache or hard refresh before testing the page.
Regards,
Ismael
- You must be logged in to reply to this topic.