Home     Questions     DW Focus     Updating Home Page.

Updating Home Page.

Scott Fisher
asked 9 years ago

Hi,

I have some questions regarding updating the home page of my site (I’m using DW Focus).
For your reference, my website is http://www.projectmanagementcoursesonline.co.uk/

  1. Home page font color
    How do I change the font color of the text on the home page?
    I want the font colour to be black, not grey

  2. DW Focus Tabs
    I want to change the colors on the DW Focus bar.

    Currently, the un-selected tabs are black and the background is also black.
    The selected tab color is blue.
    The font colour on both is white.

    I want to update the tab so that the un-selected tabs and the background are grey.
    I want to update the tabs so that on hover, the tab background is white and the font color is black

  3. Footer
    A few things to fix here.

    In the same area which has the ‘site index’ icon on the right hand side, the site name is on the
    left hand side. How do I change the color of the site name so that it is visible (e.g. change color
    to white).

    How do I increase the size of the font in the footer?

    On the left and right side of the footer are black lines.
    How do I remove these lines?

  4. Bullet lists
    How do I remove the bullets from the ‘archives’ and ‘recent posts’ lists appearing in the sidebar
    of the site.

Thanks for your help,

Scott

2 Answers
DominicStaff
answered 9 years ago
  1. To change the text color, you can add the following code to the style.css file:
    .home .hentry .entry-content { color: #000; }
  2. Add the following code to the style.css file: 
    .nav-tabs {
background: #666;
}
.nav-tabs > li > a:hover {
border-color: #ffffff;
color: #000;
background-color: #fff!important;
}
  3. Add the following code to the style.css file:
    #colophon.dark #site-tools .breadcrumbs li { color:#fff; }

    • Change size:
      #colophon { font-size: 14px; }
    • Remove border: 
      #colophon #site-tools {border-top: inherit;}
#colophon.dark .container {border: none; }
  4. To remove the bullets from the ‘archives’ and ‘recent posts’ lists appearing in the sidebar, you can add the following code to the style.css file:
    #secondary .widget li {display: inherit;}
    Hope this helps !
rhg01
replied 9 years ago

Dominic,

Thank you so much for your prompt (and very helpful) response.

A couple of follow up questions.

  1. I have added the code to change the nav bar, as you will see if you visit the site.
    (www.projectmanagementcoursesonline.co.uk)

    On hover, the background of the tab changes to white, which is what I wanted, however, the font color is also white.
    How do I change the font color to black?
    I can see the part of the code which I think is supposed to change the font, but the font is not changing to black.

  2. On the nav bar, there are black lines between the tabs.
    How do I remove these black lines?

Thanks again for your help,

Cheers,

Scott

DominicStaff
answered 9 years ago
  1. You can find the following code that you added in the style.css file, then replace this code: 
    .nav-tabs > li > a:hover {
border-color: #ffffff;
color: #000;
background-color: #fff!important;
}

    With new code:

    .nav-tabs > li > a:hover {
border-color: #ffffff;
color: #000 !important;
background-color: #fff!important;
}
  2. Add the following code to the style.css file:
    • Change color:
      .nav-tabs a {box-shadow: -1px 0 0 #fff inset;}
    • Remove black line:
      .nav-tabs a {box-shadow: none;}
      Hope this helps !
rhg01
replied 9 years ago

Excellent, that worked perfectly!
Thanks Dominic, prompt and very helpful as always!
Cheers,
Scott

Powered by DW Question & Answer Pro