- This topic has 13 replies, 3 voices, and was last updated 5 years, 11 months ago by
.
-
Posts
-
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!
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?
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.
@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?
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.
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.
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.
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!
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.
- You must be logged in to reply to this topic.