Archived

This topic is now archived and is closed to further replies.

  • 0

Footer Customization


Question

Posted · Report post

Howdy -

I'm having difficulty identifying which class I need to edit in order to change two things.

I'm adding class specifications in the Paglines "Site Options" code window

1) the bottom border of widget titles

#footer li {list-style-type:none; color: #777777;}

#footer li a:hover {text-decoration: underline; color: #c6870d;}

2) the text color and hover color of footer elements

hr, .fpost, .clip_box, .widget-title, .metabar a, #morefoot .widget-title, #site #dsq-content h3, .navigation_wrap{

/** border-bottom: 1px solid transparent; **/

border-bottom: 1px solid #000;

}

Neither of these snippets are effective. Can you help me identify why they aren't working, or which classes I need to customize?

Thanks.

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

Hi there,

Can you provide us with an active url, I've looked at the link you have attached to your account and there are no widgets in the footer on that site. Please let us see the url and we'll try and help you track down the css.

Share this post


Link to post
Share on other sites

Posted · Report post

Ok looking at the link the widget titles aren't entered into the 'title' field in the widget, therefore they're appearing along with the text inside the widget and don't have a separate class you can edit. So you'll need to move the headings into the title field in order to apply an underline and edit them separately from the rest of the widget content.

To change the color of the footer text use the below code.


#sb_footcols .textwidget {

    color: #ffffff;

}

As most of the content in the columns are links, you'll be able to change the color of them using this code

#footer a, #footer li h5 a {

    color: #BE4D4D;

}

Hope that helps

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks very much - that resolves my footer issue.

I didn't clarify sufficiently for the other issue: it's the think stroke (bottom border) that appears beneath the widget title in the "secondary sidebar" area.

I've tried making a stronger bottom border by using:

hr, .fpost, .clip_box, .widget-title, .metabar a, #morefoot .widget-title, #site #dsq-content h3, .navigation_wrap{

/** border-bottom: 1px solid transparent; **/

border-bottom: 1px solid #000;

}

but bottom border for the widget titles in the secondary sidebar is barely legible - I'm not targeting the right class. Any pointers greatly appreciated.

Share this post


Link to post
Share on other sites

Posted · Report post

Ah ok, try this


.widget-title {border-bottom: 2px solid #000000 !important;

}

Share this post


Link to post
Share on other sites