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 the text style and color for the title text next to social icon

How to change text style and color for title text next to Motion theme’s social icons

 

It is simple to change the font style and color of the bar text of the Motion Theme.

Step 1:

Log into your Weebly Editor, and open the Editor by clicking on the “Design” tab on the top of your screen, and then click “Edit html/css” option on the right hand side of your screen.

Step 2:

Once you are in the W Theme Editor, open your CSS page by clicking on “main_style.css” located in the top left corner.

Step 3:

Once you have the css page open, locate this code:

.bar-text{
color: #e4e4e4;
padding: 15px 18px;
font: 18px georgia bold italic;
min-width: 600px;
float:left;
}

a) Change the font family

By default, the font family is set to “georgia“. Here you can replace georgia with any other font family name you want.

For example, if I want to change the font family to Arial, this is how the code will look like:

.bar-text{
color: #e4e4e4;
padding: 15px 18px;
font: 18px Arial bold italic;
min-width: 600px;
float:left;
}

b) Change the font weight

By default, the font weight is set as “bold” .

The font weight can be bold OR  none. If you choose not to set the font as bold, simply delete the world bold.

For example, if I want to change font weight from bold to none, this is how the code will look like:

.bar-text{
color: #e4e4e4;
padding: 15px 18px;
font: 18px georgia italic;
min-width: 600px;
float:left;
}

 c) Change the font style

By default, the font weight is set as “italic” . The font style can be italic OR  none. Here you can choose italic or none.  If you choose not to set the font as italic, simply delete the word italic.

For example, if I want to change the font style from italic to none, this is how the code will look like:

.bar-text{
color: #e4e4e4;
padding: 15px 18px;
font: 18px georgia bold;
min-width: 600px;
float:left;
}

 

Step 4:

Click “SAVE” to exit and save your changes, the Publish.

 

 

 

Tags: