Parallax Pro Home Section 1

[[email protected]]

Hi

Can anyone tell me how to adjust the height of Home Section 1 in Parallax Pro

Cheers
Shaun

[Victor Font]

Look for the following CSS in style.css:

.home-section-1 {
    padding: 120px 0 130px !important;
}

Reduce the size of the padding. You can learn what the multiple dimensions mean here: https://www.w3schools.com/css/css_padding.asp

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[[email protected]]

Thanks Victor

My style.css file does not have a .home-section-1

I tried adding it myself (at the bottom of the css stylesheet below, but it didn't work

Any further ideas?

Cheers
Shaun

[Victor Font]

You placed all of your custom changes inside of a media query. They will only display on screens 480px or smaller.

You also seem to be missing a lot of CSS from this file. It's possible you're using a different version of the theme than I have on my site. Perhaps the front page CSS was moved to style-front.css.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[[email protected]]

Thx Victor

I moved my custom changes to the start of my stylesheet in an attempt to solve the media query issue (I don't really get how they were placed inside a media query). However, none of the changes are working on my computer.

Are they still within a media query or is there another issue?

Custom CSS is below:

/*
Theme Name: Parallax Pro Theme
Theme URI: http://my.studiopress.com/themes/parallax/
Description: The new role of website design is to tell a story, which is what Parallax Pro was developed to do.
Author: StudioPress
Author URI: http://www.studiopress.com/

Version: 1.2.2

Tags: black, white, blue, green, orange, pink, one-column, two-columns, responsive-layout, custom-header, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready

Template: genesis
Template Version: 2.1

License: GPL-2.0+
License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/* Table of Contents

-My Changes
- Blue Arrow Bullet
- Add Circular Avatar
- Adding Circular Image
- Adjust Height of Home Section 1
- Content Boxes

- HTML5 Reset
- Baseline Normalize
- Box Sizing
- Float Clearing
- Defaults
- Typographical Elements
- Headings
- Objects
- Gallery
- Forms
- Buttons
- Tables
- Structure and Layout
- Site Containers
- Column Widths and Positions
- Column Classes
- Common Classes
- Avatar
- Genesis
- Search Form
- Titles
- WordPress
- Widgets
- Simple Social Icons
- Plugins
- Genesis eNews Extended
- Jetpack
- Site Header
- Title Area
- Widget Area
- Site Navigation
- Header Navigation
- Primary Navigation
- Secondary Navigation
- Responsive Menu
- Content Area
- Homepage
- Pricing Table
- Content
- Entries
- Entry Meta
- After Entry
- Pagination
- Content Boxes
- Comments
- Sidebar
- Footer Widgets
- Site Footer
- Theme Colors
- Parallax Pro Blue
- Parallax Pro Green
- Parallax Pro Orange
- Parallax Pro Pink
- Media Queries
- Retina Display
- Max-width: 1139px
- Max-width: 1023px
- Max-width: 768px

*/

/*My Changes
.....................................*/

/*Blue Arrow Bullet*/

ul.bluearrow li {
background-image: url("https://members.evidencebasedteaching.org.au/wp-content/uploads/2017/07/blue-arrow-e1501299526424.png");
background-position: 28px 14px;
background-repeat: no-repeat;
background-size: 28px 28px;
list-style: /one outside none;
margin: 0;
padding: 0.75rem 0 0.75rem 4rem;
text-align: left;
}

/*Add Circular Avatar: Added the following code to .avater*/
.border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;*/

/*Adding Circular Image Class*/
.circle-image {
border-radius: 50%; !important;
-moz-border-radius: 50%; !important;
-webkit-border-radius: 50%; !important;
-o-border-radius: 50%; !important;
display: block; !important;
}

/*Adjust Height of Home Section 1*/
.home-section-1 {
padding: 12px 0 13px !important;
}

/* Content Boxes
------------------------------------------------------------ */

.content-box-blueborder,
.content-box-blue,
.content-box-ltblue,
.content-box-dkblue,
.content-box-brightred,
.content-box-gray,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-dkred,
.content-box-yellow {
margin: 0 0 25px;
overflow: hidden;
padding: 20px;
}

.content-box-blueborder {
background-color: #ffffff;
border: 5px solid #00227e;
}

.content-box-blue, {
background-color: #d8ecf7;
border: 1px solid #afcde3;
}

.content-box-ltblue, {
background-color: #88a2cc;
border: 1px solid #88a2cc;

}

.content-box-dkblue {
background-color: #01437e;
border: 1px solid #00227e;
color: #ffffff;
}

.content-box-dkblue h1,
.content-box-dkblue h2,
.content-box-dkblue h3,
.content-box-dkblue h4 {
color: #ffffff;
}

.content-box-brightred {
background-color: #FF0000;
border: 1px solid #FF0000;
color: #ffffff;
}

.content-box-brightred h1,
.content-box-brightred h2,
.content-box-brightred h3,
.content-box-brightred h4 {
color: #ffffff;
}

.content-box-gray {
background-color: #e2e2e2;
border: 1px solid #bdbdbd;
}

.content-box-green {
background-color: #d9edc2;
border: 1px solid #b2ce96;
}

.content-box-purple {
background-color: #e2e2f9;
border: 1px solid #bebde9;
}

.content-box-red {
background-color: #f9dbdb;
border: 1px solid #e9b3b3;
}

.content-box-dkred {
background-color: #930b0b;
border: 1px solid #760b0b;
color: #ffffff;
}

.content-box-dkred h1,
.content-box-dkred h2,
.content-box-dkred h3,
.content-box-dkred h4 {
color: #ffffff;
}

.content-box-yellow {
background-color: #fef5c4;
border: 1px solid #fadf98;
}

[Author]

Posts