Jump to content

Archived

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

Claude203

WHP6: How to change color for headings, media list, and social icons in Footer section

Recommended Posts

Claude203
I would like to know how to change the color of the text headings, text media list, and social icons in the WHP6 Footer section to white (since I changed the background color to black). Could someone please let me know how that might be done?

In addition (should I create new post for this?) I would like to know how to force a fifth Nav column, as right now there are only four (Nav 1, Nav 2, Nav 3, Nav 4).

Thank you.

Claude Johnson
BlackFives.org

Share this post


Link to post
Share on other sites
Danny

HI,

 

The Footer only supports four navigations, it is not possible to have a fifth, without customizing the sections code, which is something we do not provide support for.

 

In regards to the colors, add the following CSS:

 

#site .section-whpfooter .icon {
color: #f00;
}
#site .section-whpfooter .icon:hover {
color: #0ff;
}
#site .section-whpfooter .title {
      color: #00F;
}
#site .section-whpfooter .page_item > a {
  color: #00F;
}
#site .section-whpfooter .cat-item,  
#site .section-whpfooter .cat-item > a {
  color: #00F;
}
#site .section-whpfooter .whpfooter-bottom p {
  color: #F00;
}
 
I highly recommend that you get used to inspecting the elements you wish to customize with Google Chromes dev tools, as it will make your much easier. As our staff do not actually provide extensive CSS support which this was. You should check out the Code School free tutorial, as it will make you a ninja in no time.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Claude203

Thank you Danny, much appreciated. 

 

I am using Firebug and also Google Dev but although they definitely isolate the element, it is often difficult to understand the element itself, as some of them are dynamic and others are very advanced to understand how to pluck out the definition. I usually only post a question if it seems as though I have looked at and tried everything, twice, and am truly stuck. However, thanks for the recommendation of the Code School and also the ninja encouragement! Thanks also for going the extra mile in this case. 


Claude Johnson
BlackFives.org

Share this post


Link to post
Share on other sites
Danny

If you review the code I gave you above, you should be able to see when inspecting your site how I come to get those classes. This should help you in future isolate the correct one(s). Also, check our Code Schools Dev tools tutorial, as it is awesome. Also, I would recommend using Chromes dev tools over Firebug, for me personally it is just easier to understand.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Claude203

Thanks for that advice.


Claude Johnson
BlackFives.org

Share this post


Link to post
Share on other sites
Danny

No problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • Paul
      By Paul+
      I was surprised to see I had no menu today - out of the blue - its actually moved to the bottom of the page!  After hours of fiddling and disabling every single plugin, leaving just plagelines the issue is still present.  See video for a basic text box - I moved it into the head and it jumps to the bottom and shows just above the footer but below the main content.  I have a temp fix by placing the menu into the first row on the main content but it does mean other than my home page, all other pages have no menu.  A quick fix is very urgent for this bug.
      https://thelaptopfixers.com
       
       
    • MissT
      By MissT+
      The social icons within the Sitemap Footer section plugin are not longer showing on screen. Site details will be sent via email separately.
      WordPress - 4.7.2
      Pagelines Framework Version 5.0.97
      Platform 5 Version - 5.1.6
      Section Sitemap Footer version - 5.0.4.
       
      All other plugins deactivated.
    • Houston Haynes
      By Houston Haynes+
      OK - folks - back with another nit... The "back to top" link works - BUT - it's only active (i.e. clickable with the associated action following) when the mouse-over hovers over the footer area of the page. I did a quick change of the z-depth (to -1) and nothing made a difference. Any thoughts on how to make the *entire* back-to-top icon hover-able/actionable? Thanks!
       

    • romanondrasek
      By romanondrasek+
      hi all, I have some trouble using PL5 on my site. 
      I used plugins for event calendar (event on) and plugin (timetable responsive scheduler for WP) for schedule (classes) in the gym.
      The problem is, that post from this 2 plugins are shown without menu in header and footer. (I setup header and footer) in the page editor for all type of page. 
      When I create a lesson, it creates posts with slug (I have a slug "lekce" & event for events).
      I try to edit the post with PL editor, but editor is not opening on the post.

      Do you have some idea where should be some problem? Thanx so much.
      here are links for the sites :
      site with schedule :
      http://www.myfit.cz/rozvrh/
      site of one of the class (pilates)
      http://www.myfit.cz/lekce/pilates/
      site with calendar :
      http://www.myfit.cz/kalendar/
      7 side with one event from the calendar :
      http://www.myfit.cz/event/pilates-instruktor-akreditovana-licence/?ri=1
      when I have my site on DMS2 it was working :-(
       
       
    • Michael Kummer
      By Michael Kummer+
      Hi guys,
      I have been unsuccessfully trying to get my 3-column widgetized footer aligned centered. The widget section itself is aligned left because the alignment appears to be controller the widget's content only. The container that contains the widget section is aligned centered. I have chosen a 3 column layout and I added 3 widgets, assuming they would be aligned centered.
      Any idea of what I may be doing wrong?
      The page is question is: http://www.michaelkummer.com
      Thanks
      Michael
×