Forum Replies Created
-
AuthorPosts
-
[email protected]Member
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.1License: 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;
}[email protected]MemberThanks 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 -
AuthorPosts