Community Forums › Forums › Archived Forums › Design Tips and Tricks › picture slider issue
Tagged: picture border, picture shades
- This topic has 4 replies, 2 voices, and was last updated 12 years, 9 months ago by
chicagouser.
-
AuthorPosts
-
April 16, 2013 at 7:05 pm #35863
chicagouser
Membernot sure if this right place to ask question,
using Agency themes, not using picture slider, placed only 1 picture on front page,
http://www.chicagoitprojects.com/
how can i removed white color border/shades which is around the main picture?
also look at top menu, menu background color was supposed to be same as theme color but i see black color on background
please help me,,
http://www.chicagoitprojects.com/April 17, 2013 at 6:12 pm #36031Robin
MemberIn your style.css, starting at line 492, you want to remove everything in that section except the margin and width to get ride of the radius and shadow.
I don't understand what you are asking about the menu background color? Do you mean that you don't want the black button effect on the menu items? If that is the case, look at the block starting at line 316. Leave the color: #fff; rule but everything else creates that button look. HTH
I do the best I can with what I’ve got. (say hey on twitter)
April 17, 2013 at 10:00 pm #36070chicagouser
MemberRobin
Thanks you so much for your help. here is complete section of home slider which i was found. i dont know what to remove. so i need your help once again.
thanks
/* Home Slider
------------------------------------------------------------ */#home-slider {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 2px #999;
-webkit-box-shadow: 0 1px 2px #999;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 1px 2px #999;
margin: 0 0 20px;
width: 100%;
}#home-slider p {
padding: 0 0 25px;
}.agency #genesis-responsive-slider {
-webkit-font-smoothing: antialiased;
border: none;
margin: 5px;
padding: 5px 0;
}.agency .slide-excerpt {
filter: alpha(opacity=100);
margin: 0;
padding: 22px 40px 22px 20px;
opacity: 1.0;
}html > body.agency .slide-excerpt-border {
border: none;
margin: 0;
padding: 0;
}.agency .slider-next,
.agency .slider-previous {
margin: 0 -40px;
}.agency .flex-control-nav {
margin: 20px 0;
}April 18, 2013 at 7:00 am #36125Robin
MemberWell, most of that is related to the slider, so if you won't ever use it, you should be able to delete all of it. It won't hurt to leave it in though because most of it's going to kick in only if the slider is present. The main thing for what you want to do is in that first section. Take out everything except this:
#home-slider {
margin: 0 0 20px;
width: 100%;
}
And you should have it. HTH
I do the best I can with what I’ve got. (say hey on twitter)
April 18, 2013 at 8:36 am #36143chicagouser
MemberRobin
thanks you so much for your help.
now working fine
-
AuthorPosts
- The topic ‘picture slider issue’ is closed to new replies.