-
Posts
-
Dear all,
where can I find the css to customize the background image in the enfold theme?
Is it possible to preserve this setting?Thank you very much for your cooperation
Hi amepro!
You can edit all of the various background areas in Dashboard > Enfold > General Styling. If your trying to do something besides change the image then send us a link to your page and take a screenshot highlighting exactly what your trying to do so we can get a better idea.
Best regards,
ElliottHi Elliott, thank you for your prompt reply.
What I would like to do is to place in the background this image:
background image
structuring other elements as for the current situation:
current situation
at last I would have a page with the above mentioned image, only home in the menu instead a logo, a title and three listboxes on it……
Thank you for your kind cooperationHey!
Thank you for the info.
Try to use the Color Section element then set the image as background. The second part is a bit unclear. Can you please provide a screenshot of the design you’re after?
Regards,
IsmaelHi I’ ve tried to do what you highligted in the Color Section and I’ ve uploaded the background image in the main content ->Customized Background image, fixed centered and no-repeat. It does not work because the image is not stretched to fit the screen.
What I want to reach is the following attached image:
ScreenIf you visit my page (Homepage) you can see for a moment a really little background image under the slideshow. The dimensions of the used image are 1600x840px
Thank you for your support
Regards
MaurizioDear all, I found another problem I’m trying to write a centered Special Title but the result is Always the same “left aligned”…. I tried to write it including some HTML tags but with no good result.
If you reach the homepage now two background images appear one under the slideshaw and another one under the three titles.
In which way I can put edges to the content under the titles to create three boxed lists because when I tried they are not responsive….The boxed area have to include lists of items with fix height and have to be able to show a slide bar to read all the content…..
Sorry for this continuous feeding but I find a lot of problems….. I solved them using all css/html tag but are not responsive……I just made another trial to place the background image also in Alternate Content Section …… Nothing changes!!!
Hi, after a lot of trials I obtain something really close to what I’m trying to do.
The big problem is the background image that, as you can see using attached link, is not full screen and the position of the footer that has been obtained with a lot of <br> tags, furthermore this way is not good for responsive as you can see from an iPhone or another device…..
Home pageHi!
Set the Background Repeat to “Stretch to Fit”. What is the purpose of the br tags? If you’re trying to create gaps or white space, use the Separator / Whitespace element.
Cheers!
IsmaelHi Ismael, there is no possibility to “Stretch to Fit” in Background repeat there are only for possibilities exactly :
1) Don’ t repeat
2) Repeat
3) Align Horizontal
4) Align Vertical
However if there was this possibility maybe I found it don’ t you think?Another problem occurred after the use of Separator / Whitespace element exactly in mobile devices the used spaces move the background image down so it’ s not aligned with the top menu bar…..
Hey!
Hmm, it should be under the background repeat setting.
Your not seeing it? Can you send us a WordPress login?
Regards,
ElliottHi!
Which page is it? Your homepage? I don’t understand Italian but there appears to be an option for it. Your most likely using something else besides the color section.
Cheers!
ElliottDear Elliott, sorry but I continue to don’ t find it.
My home page is “Homepage” and I’ve tried to find “color section” but is impossible, maybe has been translated in another way so, can you help me to find the correct position?
Thank you very muchPS: can you show the solution with a step by step picture?
Hi!
Use a larger background image. Please disable the backend translation. Add this to the functions.php file:
if(!function_exists('avia_lang_setup')) { add_action('after_setup_theme', 'avia_lang_setup'); function avia_lang_setup() { if(!is_admin()) { $lang = apply_filters('ava_theme_textdomain_path', get_template_directory() . '/lang'); load_theme_textdomain('avia_framework', $lang); } } }Regards,
IsmaelHi, it’ s a little bit difficult to go over problems but step by step I’ ll reach the goal…..
Now I find another problem and it’ s connected with iPhone/mobiles, if you see
the used background image you see that the top left side has three colors (green/white/red) while
in the iPhone/mobile only red (1 color) is visible what is possible to do to fix this
issue?Thx a lot
Hey!
There is no one giant step that does it. It’s a lot of little steps. :)
You can set the background size to 100% but it will stretch the image. Edit the color section, add a unique id attribute in the Section ID field. Use “custom-section” for example. Add this to the Quick CSS field:
@media only screen and (max-width: 767px) { #custom-section { background-size: 100% 100%!important; }}Or you can choose not to show the background image on mobile devices:
@media only screen and (max-width: 767px) { #custom-section { background-image: none !important; }}Regards,
IsmaelHi, I have a large image in the color section for the header of the home page of my site and cannot get the image to stretch across the entire page. I have the image/color section set to “stretch to fit” and the image is still not full screen. I have tried manually making the image stretch 100% with the following id “custom-section” for the color section and the code below with no luck also:
#custom-section .container { max-width: 100% !important; padding: 0; margin: 0; }
Any ideas? Site can be seen here —> http://internetmarketingpros.net
- You must be logged in to reply to this topic.