Jump to content


Photo
- - - - -

Footer Customization

css footer

  • Please log in to reply
5 replies to this topic

#1 texter

texter

    Member

  • Members
  • 14 posts

Posted 23 October 2012 - 09:27 PM

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.

#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 23 October 2012 - 09:49 PM

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.

#3 texter

texter

    Member

  • Members
  • 14 posts

Posted 24 October 2012 - 02:19 AM

Thanks - here's a sample URL from the site:

Please Login or Register to see this Hidden Content



#4 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 24 October 2012 - 02:57 AM

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.

Please Login or Register to see this Hidden Content


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

Please Login or Register to see this Hidden Content


Hope that helps
  • texter likes this

#5 texter

texter

    Member

  • Members
  • 14 posts

Posted 24 October 2012 - 03:53 AM

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.

#6 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 24 October 2012 - 04:15 AM

Ah ok, try this


Please Login or Register to see this Hidden Content







Also tagged with one or more of these keywords: css, footer