Re: A few questions; Nav Bar; Colors; Blog Roll

#1059
admin
Participant

Hello,

How do I center the navigation menu buttons?

It is not easy to center the navigation menu links/buttons with simple text-aling:center; We are working on it to make it more easy via options panel. This option will be added in the incoming version soon.

Am I able to change the color of the background of this bar as well?

Locate and make changes in the following code in the style.css nearly on LINE 141 under the section =Header

#nav {
width: 100%;
background: #fff;
border: solid 1px #c8c8c8;
-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.15);
-moz-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.15);
box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.15);
}[/CODE]

[B]How do I change side bar text colors? For example I want the “About, Social Media, etc” title of the sidebar a different color from everything else? [/B]

Locate and make changes in the following code in the style.css nearly on LINE 1806 under the section =Widgets

[CODE]#sidebar .widget-title,
#footer_sidebars .widget-title {
font-size: 18px;
line-height: 20px;
margin-bottom: 20px;
padding: 0 0 12px 0;
border-bottom: solid 1px #2f2f2f;
}[/CODE]

[B]I know I can change the color of the background of my blog roll, but is there a way to put a colored stroke around the whole blog roll?[/B]

Please explain, which is the section you are referring as blog roll ?

Thanks[CODE]#nav {
width: 100%;
background: #fff;
border: solid 1px #c8c8c8;
-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.15);
-moz-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.15);
box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.15);
}[/CODE]

How do I change side bar text colors? For example I want the “About, Social Media, etc” title of the sidebar a different color from everything else?

Locate and make changes in the following code in the style.css nearly on LINE 1806 under the section =Widgets

#sidebar .widget-title,
#footer_sidebars .widget-title {
font-size: 18px;
line-height: 20px;
margin-bottom: 20px;
padding: 0 0 12px 0;
border-bottom: solid 1px #2f2f2f;
}[/CODE]

[B]I know I can change the color of the background of my blog roll, but is there a way to put a colored stroke around the whole blog roll?[/B]

Please explain, which is the section you are referring as blog roll ?

Thanks[CODE]#sidebar .widget-title,
#footer_sidebars .widget-title {
font-size: 18px;
line-height: 20px;
margin-bottom: 20px;
padding: 0 0 12px 0;
border-bottom: solid 1px #2f2f2f;
}[/CODE]

I know I can change the color of the background of my blog roll, but is there a way to put a colored stroke around the whole blog roll?

Please explain, which is the section you are referring as blog roll ?

Thanks