Headings in Footer Widgets

Hi,

I'm trying to make my site look like a full width site, and I understand that the Top Menu can't be made full width is this correct?

If it can't can you tell me how to make my Headings stand-out on a white background after I have made the Footer areas transparent?

Also how do I make the text in the Main Heading from having shadow around it after again making the Menu bar at the top of the Home page transparent?


Thanks
davideld

 

Hello,

1. To make the top menu fullwidth you are required to remove the search area,
Go to the header.php file present in your theme directory and edit the file as shown in the image given below.



2. If you want to change the color of heading text of footer when background of footer is white then paste the code given below in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
 
color: red;
 
}

Inplace of "red" you can put your color or color code.

3. Could you please explain your third issue more clearly.

 

Piyush,

I tried the above detailed ideas but the Top Menu is still not full width across the screen. Any idea why not? Also I notice that my Footer Sidebars are not evenly spaced. Is there any way you can suggest to make them even? See http://www.dwe-systems.com.au

The other issue in my earlier post was that when I remove the black Top Menu bar altogether the font in the remaining menu items have shadows. Is there any way to delete the shadow from the fonts?

Thanks
davideld

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu li a {
text-shadow: none!important;
padding-left: 30px;
}

 

Thanks for this, but I was really asking about how to make the spacing even for the four widgets in the footer sidebars.

Davideld

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.textwidget {
line-height: 25px;
}
.footer .widget_inner {
line-height: 25px;
}

You can adjust the value as per your requirement.
This will solve your issue.

 

Piyush,

I'm looking to evenly space horizontally the four widgets across the bottom of the page and to move the left hand widget in particular slightly to the right of the footer wrapper edge if possible.

Thanks
davideld

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.footer .alpha .widget_inner {
padding-left: 27px;
}
.footer .widget_inner {
padding-left: 5px;
}
.footer .widget_inner.last {
padding-left: 0px;
}
.footer .omega .widget_inner {
padding-left: 2px;
}

You can adjust the values of "padding-left" as per your requirement.
This will solve your issue.