Frontpage background image not displaying full size

Tagged: 1600 x 1050, epik theme, frontpage background image, not displaying full size

This topic has 13 replies, 3 voices, and was last updated 6 years, 11 months ago by Wes.

Viewing 14 posts - 1 through 14 (of 14 total)

Author

Posts
March 31, 2017 at 2:46 pm #21030
Liza
Customer
Hello, I reinstalled wordpress, Genesis, and Epik Theme from StudioPress to Bluehost for my site savvyetiquette.com In Studiopress, the section 1, frontpage background image was displaying at 1600 x 1050, but after moving to bluehost, it’s now 1/4 the normal size at 1600 x 260. Can you help get the image back to the normal size? Thank you!
April 1, 2017 at 12:07 am #21033
Andykev
Customer
I set the “min-height: 1050px” in the section around line 2005 of your css and it made the image larger. But there is a problem with your slider… widget. Do you have the proper widget set in the area?
April 10, 2017 at 12:36 pm #21102
Liza
Customer
Hi- It still wasn’t displaying, however I’ve since reinstalled WordPress, genesis and Epik along with the slider widget which wasn’t installed initially. Yet neither the background picture nor the slider is being displayed.
April 10, 2017 at 1:51 pm #21104
Wes
Moderator
@Liza I can help you get it working. I just checked your link, but a Coming Soon page is currently showing so I’m unable to see the theme in action. Can you let me know once it’s viewable again?

Also, keep in mind there are 2 slider widgets, One is Full Width, and the other is 1200px wide. Which Slider area do you plan to use?

Have you made any adjustments to your CSS file? Or have you added any customizations to the theme files, or in your admin anywhere?
April 11, 2017 at 7:16 pm #21108
Liza
Customer
Hi Wes,

SavvyEtiquette.com is now active. I eventually got the slider to somewhat work, but now decided to have a static background image with text instead. I deactivated the Genesis Responsive slider which was in the “Slider” widget. Both the “Slider Wide” and “Slider” widgets do no have any widgets under them. I’ve added a frontpage background image in Section 1, but it’s not displaying at all.

No changes were made in CSS files nor any customizations to theme files.
April 13, 2017 at 1:32 am #21118
Liza
Customer
Hi Wes, Did you get to take a look?
April 13, 2017 at 2:22 am #21119
Wes
Moderator
I can see the Genesis Slider is currently active in the Slider widget. Looks like it’s working, although I would recommend setting a height, and adding in Featured Images on those Posts or Pages that are all equal in size so the slider doesn’t appear to jump in size on different slides……You don’t have to do this, but just in case you were wondering why it’s doing that.

You can still add a Static image for the background if you like. If you want me to add one for example, just create a temporary login and I can do it for you.
April 13, 2017 at 3:02 am #21120
Liza
Customer
This reply has been marked as private.
April 14, 2017 at 12:34 am #21127
Wes
Moderator
This reply has been marked as private.
April 14, 2017 at 1:49 am #21128
Liza
Customer
This reply has been marked as private.
April 15, 2017 at 3:19 am #21130
Wes
Moderator
Ok, take a look at your homepage and let me know if that’s how you want the Background Image to show up.

I uploaded a background image to the Front Page 1 widget in the Front Page Background Images section, and I added some CSS in the Additional CSS section which can both be found in the Customize Page.

The font color and styling can easily be changed, I just wanted to add something in as an example so you can see how it works.
April 22, 2017 at 4:27 am #21171
Liza
Customer
Rather than having the image remain in the back with the text scroll over it, I would like to have the image scroll along with the text so everything moves together. And have the image almost fill up the screen just like the 2nd background section. Thank you!
April 27, 2017 at 2:04 am #21214
Liza
Customer
This reply has been marked as private.
April 30, 2017 at 2:31 am #21245
Wes
Moderator
The background images are set to background-attachment: fixed;, so if you remove that then the text should scroll with the image.

The code that is creating this effect looks like this –
```
.front-page-1,
.front-page-3,
.front-page-5,
.front-page-7,
.front-page-9,
.front-page-11,
.front-page-13 {
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size:    cover;
	background-size:         cover;
}
```
It looks like this is coming from your custom CSS….Did you add this in? Or is this coming from the main stylesheet?

There is a slight Parallax effect that goes with it since it’s included within the theme, but that could be removed too if you want. To remove the Parallax, you can comment it out or remove from the front-page.php file. You can see that section where it links to the parallax file.
Author

Posts