August 10, 2018 at 7:17 pm #6212
Hi, I’m just getting started using Hellp Pro 2 (as you will see when you go to the site-in-progress link). I’m having a problem adding a front page image. I add the image in the Front Page Background image (in the Customizer) and then in the Home Page Welcome widget. The image that I want to see displays, but on top of that image sits a small thumbnail of the same image. I can’t figure out how to remove the small thumbnail, or how I am adding it. I’ve scoured your documentation on this site, but I do not see what I’m doing wrong. I will immensely appreciate some help with this.
August 10, 2018 at 10:36 pm #6213
i just want to clarify that my intention is to have just an image spanning the Welcome widget section of the home page, i.e., no text in this section of the home page.
I tried to add the image just in the Front Page Background and I tried adding it only in the home page Welcome widget – in both cases, the image would not display. I found that an image only displays when I add the image in both places. But then BOTH display. Seems to be both or none at all.
August 11, 2018 at 2:33 pm #6214
I have figured out that, to see the background image, content is required in the same container (duh – that’s how background images work). When I added the widget image, I was giving the welcome container some content, so that’s why the background image didn’t display until I also added the widget image. But then, of course, I was getting two images, a little one on top of a larger.
So – ONE way to have a full page spanning image is to specify a background image, not a widget image, but include content – text or other – and enough of it so as to push open that container to reveal the full image height.
But that’s not what I want.
To achieve my goal of displaying just an image with no other content, that spans the full width of the welcome section across all display widths: Eliminate the background image, add an image widget to the welcome section that is large enough (probably 1600 by at least 500 – that’s what the Hello Pro documentation gives for the background image dimensions anyway), and then apply CSS to remove padding and/or margins across all the display widths of the image widget.
Slightly laborious, but it works, and I’m not seeing any other way of doing this with the Hello! Pro theme.
So – I guess I have answered my own question.
August 13, 2018 at 3:50 pm #6219
Thanks for using our Hello! Pro 2 theme.
We’re sorry you had some issues, but glad to hear you were able to get everything sorted out!
January 24, 2019 at 3:09 pm #6604
Please provide me CSS code to remove padding around image on
Home Page Welcome widget.
Susantau:”To achieve my goal of displaying just an image with no other content”
Hello Pro it’s a nice and easy to use Genesis Child Theme,
I’ve done a lot of things on this one without effort.
As a total beginner, I changed the whole color scheme,
Add some button etc….
The same problem I have when I set up a site manually and with the help with
Widget Importer & Exporter plug-in.
There is no conflict plugin
January 25, 2019 at 3:51 pm #6612
Are you familiar with the amazing Chrome Web Developer Tools?
Activate the Developer Tools with your front page displayed, hover over the welcome image and look for orange highlighted areas that are unwanted margins or green highlighted areas that are unwanted padding.
The Developer Tools then will display the styles that governs those margins/paddings, and then you can play around with changing those values (which does not affect the website for the rest of the world) until you achieve what you want and then refer to the line number that the Developer Tools gives you just above the relevant style to go to your Hello Pro front page stylesheet where you can change those styles.
Hope this helps.
You must be logged in to reply to this topic.