Jump to content
Sign in to follow this  
briantraudt

Shadow around feature image

Recommended Posts

briantraudt

Is there any custom CSS I can use to remove the drop shadow/lines around the feature images? I'm using a white background on the images and don't want the lines to show if possible. 

Share this post


Link to post
Share on other sites
Rob

Hi,

 

The CSS controlling the the slide background gradient is here:

#feature_slider #feature-area {
    background: url("http://veradatum.com/wp-content/themes/pagelines/sections/features/images/black-linen.png") repeat scroll 0 0 transparent;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.5) inset;
    display: block;
    overflow: visible;
    position: relative;
    width: 100%;
}

You can replace:

background: url("http://veradatum.com/wp-content/themes/pagelines/sections/features/images/black-linen.png") repeat scroll 0 0 transparent;

with background: none;

 

And for the shadow  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.5) inset;,

try

box-shadow: none;


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
briantraudt

thanks Rob! One more question - how can i increase the left to right margin on the text overlay on the feature image?

Share this post


Link to post
Share on other sites
Rob
#feature_slider .fcontent {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.35);
    color: #FFFFFF;
    display: inline;
    min-width: 220px;

    position: relative;
    text-shadow: 0 -1px 0 #000000;
    width: 33%;
}

The min-width and width can both be adjusted and pasted into Custom Code.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×