Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Reduce the height of front image 1 widget area in Atmosphere pro

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

This topic is: not resolved

Tagged: Atmosphere Pro, front image 1

This topic has 3 replies, 2 voices, and was last updated 5 years, 9 months ago by Brad Dalton.

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

Author

Posts
May 31, 2017 at 10:40 pm #207248

emg
Member

Hi, How do you reduce the height of the front image widget 1 of the Atmosphere pro theme? The default image is 1600px by 1050px. It's using backstretch.js.

June 1, 2017 at 12:36 am #207251

Brad Dalton
Participant

Link to a live site please so we can inspect the CSS.

There is no height set in the CSS that i can see however the image is 1050px in height. Try reducing the height of the image.

Tutorials for StudioPress Themes.

June 1, 2017 at 1:11 am #207252
Brad Dalton
Participant
Or you can add CSS
```
div.backstretch {
    height: 400px;
}
```
Tutorials for StudioPress Themes.
June 2, 2017 at 1:43 am #207267

Brad Dalton
Participant

Another option is to use jQuery to control the height

Tutorials for StudioPress Themes.
Author

Posts

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

The forum ‘Design Tips and Tricks’ is closed to new topics and replies.