Warning: Cannot modify header information - headers already sent by (output started at /home/jerwon11/divtagtutorials.com/wp-content/plugins/captcha/captcha.php:1) in /home/jerwon11/divtagtutorials.com/wp-content/plugins/wp-super-cache/wp-cache-phase2.php on line 60
How to Change Weebly Footer Font Style

How to Change Drag & Drog Footer Font Style

The darg & drop footer is an unique feature of DivTag templates.  So when changing the Font Style of the footer, you can do so by going into the W Theme Editor.

1) Access the W Theme Editor by clicking on the Design 

Click on “Design” and then on “edit html/css” tab

 

2) Locate Footer Customization CSS

In the Main_style.css, scroll down to near the bottom of the page and locate this set of code:

/*******************FOOTER STYLING***************
*************************************************/
#footer p{
color:#30302f; /*Change Footer Paragraph text color here*/
font-family: inherit; /*Change footer paragraph font style here*/
}

#footer h2{
color:#222222; /*Change Footer title text color here*/
font-family: inherit; /*Change footer title font style here*/
}

*IMPORTANT*Depending on your theme you the text in RED may look different. The may be nothing in the red text area.

Click to enlarge

3) Change Font Style for Footer Paragraphs

#footer p defines the properties for the Footer Paragraphs. Here you can change the font-family to change the font style in your footer paragraphs.

a) Replacing:

If  your footer code already have the code below, simply replace content in orange to to your desired font style.

font-family: inherit;

For example if I want the footer paragraph to be Times New Roman, here is how the code will look:

#footer p{
color:#30302f; /*Change Footer Paragraph text color here*/
font-family: “Times New Roman”; /*Change footer paragraph font style here*/
}

 

a) Adding:

If  your footer code do not have the codes below, simply copy and paste the code below between the { }. Then change “inherit” to the font style you want.

font-family: inherit;

For example if I want the footer paragraph to be Times New Roman, here is how the code will look:

#footer p{
font-family: “Times New Roman”; /*Change footer paragraph font style here*/
}

 

3) Save & Publish

 

Tags: