Jump to content
Sign in to follow this  
Gavin_

Changing the border line at the bottom of the page

Recommended Posts

Gavin_

I'd like to replace the border lines that appear at the bottom of pages with a fancy squiggle image i've tried to locate the code and this is the nearest i got... but i only want to change the line at the bottom of pages - not widget titles etc... hr, .fpost, .clip_box, .widget-title, #buddypress-page .item-list li, .metabar a, #morefoot .widget-title, #site #dsq-content h3, .post.fpost .entry, #soapbox .fboxinfo, #primary-nav #nav_row, .fpost.sticky { border-color: #BFB35A; } any ideas? thanks for your help

Share this post


Link to post
Share on other sites
bonngean

Got a web link we can look at? --Bonnie

Share this post


Link to post
Share on other sites
cmunns

`.fpost {border:0px;}` ... to remove it.

Share this post


Link to post
Share on other sites
Gavin_

If i wanted to add a shadow to the the fpost border how do i do that? i've tried a few bits without success. something like this: border-top:1px solid #cfcfcf; height:1px; width:100%; background:#fff; what i'm trying to get is the same border effect as seen on this page http://uploaded.to/ in the middle. thanks in advance.

Share this post


Link to post
Share on other sites
catrina

To add a shadow effect, you'll need a gradient image and that image can be added using CSS. In the example site you posted, is the shadow area you're referring to the light grey shadow that fades to white at the top?


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
Gavin_

yep that's the one

Share this post


Link to post
Share on other sites
catrina

Are you comfortable with using an image editing program to create the gradient? (That gradient image will be set as a background image in the CSS - it's separate from the border property)


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
Gavin_

i can use photoshop. but will the image also be used as the underline for the titles in the sidebar?

Share this post


Link to post
Share on other sites
catrina

No, it will just be the image for the background. What look are you trying to accomplish with the sidebar titles? That can be taken care of separately since it's a different page element.


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
Gavin_

the same effect

Share this post


Link to post
Share on other sites
catrina

You can create a smaller version of the gradient, which can fit behind the sidebar titles and then that could also be set up using CSS.


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
Gavin_

thanks - i'll create the image and see what i can do...

Share this post


Link to post
Share on other sites
catrina

You can upload the images using Media Library and then the appropriate CSS can be applied (in Custom Code or base.css in the child theme).


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  

×