Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
First thing remove your width of 40 pixels to .slider_post, e.g;
from
#content .featured_slider, .container_16 #content .slider_post {
width: 40px;
}
To
#content .featured_slider {
width: 40px;
}
Thank you for responding, I am looking through the editor to find the code you are talking about and i found #content and .featured_slider but I can not seem to find where it is saying width: 40px. Not to overwhelm you but here is all the code related to the slider that I have:
.featured_slider {
-pie-background: linear-gradient(left top, #0F2D4D, #2880C3);
background: #0F2D4D;
background: -moz-linear-gradient(left top, #0F2D4D, #2880C3);
background: -webkit-linear-gradient(left top, #0F2D4D, #2880C3);
background: -o-linear-gradient(left top, #0F2D4D, #2880C3);
-ms-filter: “progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorStr=’#0F2D4D’, EndColorStr=’#2880C3′)”;
background: linear-gradient(left top, #0F2D4D, #2880C3);
margin-bottom: 20px;
padding: 25px 0;
position: relative;
width: 100%;
clear: both;
}
.full-width-slider .featured_slider {
margin: 0 10px 20px;
}
.bottom-slider .featured_slider {
margin-bottom: 0;
}
.bgimage-excerpt.featured_slider {
padding: 0;
-pie-background: none;
background: none;
-ms-filter: “progid:DXImageTransform.Microsoft.gradient(enabled=’false’)”;
}
.thumbnail-excerpt.featured_slider {
margin-bottom: 30px;
}
.featured_slider #slider_root {
background: #fff;
margin: 0 auto;
overflow: hidden;
position: relative;
height: 400px;
width: 940px;
}
.three-col-right .bgimage-excerpt.featured_slider #slider_root {
margin-left: 0;
}
.bgimage-excerpt.featured_slider #slider_root {
-moz-box-shadow: 0 0 5px #555;
-webkit-box-shadow: 0 0 5px #555;
box-shadow: 0 0 5px #555;
}
.featured_slider .slider_items {
position: center;
width: 940px;
height: 400px;
}
.sliderpost_featured_image {
float: left;
margin: 4px 1em 12px 0;
}
.sliderpost_featured_image img {
-moz-box-shadow: 0 0 5px #555;
-webkit-box-shadow: 0 0 5px #555;
box-shadow: 0 0 5px #555;
}
.slider_post {
float: left;
position: relative;
height: 100%;
}
.slider-entry-wrap {
margin: 20px;
}
.fade .slider_post {
position: absolute !important;
left: 0;
top: 0;
display: none;
}
.slider_post_entry p{
margin-bottom: 10px;
}
.bgimage-excerpt .slider_post {
padding: 0;
position: relative;
height: 100%;
}
.slider-bgimage {
position: absolute;
left: 0;
top: 0;
max-width: 100%;
height: auto;
}
.thumbnail-excerpt .block-button {
position: absolute;
right: 15px;
bottom: 10px;
}
.sliderpost_featured_image {
margin: 20px 1em 1em 20px;
}
.bgimage-excerpt .slider-entry-wrap {
background: url(images/black70.png) repeat;
background: rgba(0, 0, 0, 0.8);
position: absolute;
left: 0;
bottom: 0;
width: 100%;
margin: 0;
z-index: 10;
}
.slider_post .permalink-overlay {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.slider_post .permalink-overlay span {
display: none;
}
.bgimage-excerpt .slider-entry-wrap .slider-content-wrap {
padding: 5px 10px;
}
.bgimage-excerpt .slider_post h2 a,
.bgimage-excerpt .slider_post h2 a:visited {
color: #fff;
font: normal 20px “Pontano Sans”, arial, sans-serif;
}
.bgimage-excerpt .slider_post_entry p {
color: #ccc;
}
.slider_post h2 {
border-bottom: none;
}
.slider_post h2 a,
.slider_post h2 a:visited {
font: normal 26px georgia;
}
.slider_post a.continue_reading {
display: none;
}
I am a novice with wordpress so I can imagine i’m just missing something obvious.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Do you have a section in your dashboard named, “Custom CSS”?
@jnbeneski:
Please do not post long code excerpts to the forum. If you feel that you must, please use pastebin.com. Be sure to read the forum rules.
If you do include short code snippets, please enclose it between backticks.
Custom CSS for Graphene: Go to Graphene Options >> Display Options >> Custom CSS. (It’s all the way at the bottom.) Enter whatever custom CSS you would like and be sure to click “Save.”
Editing core theme files is not recommended. Graphene is in active development, so when you upgrade, you will lose your modifications. If you choose not to upgrade, you lose out on valuable new features. Use a child theme instead:
http://docs.graphene-theme.com/Customisation_using_a_child_theme