Jump to content
Sign in to follow this  
julianasohn

how to change border colors/shadows

Recommended Posts

julianasohn    0
julianasohn

i am trying to get rid of the boxes/shadows around my photographs. i can make the corrections in firebug but i must be cutting and pasting the wrong code to css as nothing ever takes. also, would like to get rid of the greyish box around the "navigation bar" above me post in the individual blog posts. the one that tells you the name of the post before and after the one you are currently viewing. thank you so much.

Share this post


Link to post
Share on other sites
Rob    547
Rob
Hi, Try this: [code].post-meta .c_img, #page .widget_wp125 .wp125ad a, .widget_flickrRSS a img, .srp-widget-thmblink { background: none repeat scroll 0 0 #E9E9E9; border: 0 solid #F3F3F3; box-shadow: 0 0 0 rgba(0, 0, 0, 0.0); }[/code] Add this too: [code].post-meta .c_img { border: 1px solid transparent; display: block; float: left; max-width: 98%; padding: 0; }[/code] Combined, those two remove the padding and shadow from images. For that post navigation box, do you want to get rid of the box or the grey background?

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
julianasohn    0
julianasohn
thank you so much! you have no idea how much time i spent trying to figure this out! the combined worked well. i would like to get rid of the box and the grey background. also, while the border and shadow disappeared on the main blog page, they are still present on the individual post pages. do you have code i can input to delete these too? thank you so much for your help!

Share this post


Link to post
Share on other sites
Rob    547
Rob
Go to Dashboard > PageLines > Templates and in the right graphic interface, click Content Area. You'll see a group of tabs below. Click [b]Blog Post[/b]. You'll see two groups of drag and drop elements. On top of the left box, you should see PostNav. Drag it from the left column to the right. Visit your posts. The navigation will be gone.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob    547
Rob
You should install http://www.getfirebug.com for Firefox, which is the perfect tool to help you identify the appropriate code to change. The way you're adding the images to your posts determines the way they appear with a frame and label below the image. That takes some custom changes to the CSS.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
julianasohn    0
julianasohn
thank you again. i was able to take away the navigation bar on my blog post pages. i do have firebug and am able to play around with the numbers to get the borders to go away, i am just totally clueless as to what part of the code to copy into the css. you are correct that only some of the images in my individual blog posts have the border and keyline around the images, it's the images with captions on it. is there any way i can get rid of the greyish color of the border, but retain the 1pix keyline? thanky uo again for your attention! warm wishes, j

Share this post


Link to post
Share on other sites
catrina    103
catrina
To get rid of the caption background color, please add this CSS to your custom code: [code]div.wp-caption {background-color: none;}[/code]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

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  

×