How to Change the Width of Menu

I squashed mine up a bit with:

/* Change menu/navbar padding: 2nd and 4th for horiz padding */
.navbar .nav > li > a {
  padding: 5px 16px 5px 16px;
/* and change font size in menu */
  font-size: 16px;
}

/* Change font size of first letters in menu */
.navbar .nav > li > a:first-letter {
  font-size: 16px;
}

and cut down the number to the essentials, using submenus.

Because the text has >s in it, you need to add this to a child theme, not in the Custom CSS panel.

Maybe i missed something, was it clarified on how to change the font style, i.e instead of Ariel i want Times New Roman Font?

I think this should go on the wishlist for future features.

You need to change the font-family code in /inc/admin/class-controls.php, /inc/css/*.css and /inc/js/fancybox/jquery.fancybox-1.3.4.css.

If you change core Theme files, you’ll lose the changes on next Update so a Child Theme is the preferred way. https://managewp.com/how-to-create-a-child-theme

Thanks to help me this problem i appreciate to all post

rdellconsulting: Do I copy the CSS from the parent theme and then paste to the child theme’s editor? And do I need to copy all of the code in that folder or just a specific part?

I’d recommend not using the Editor as this changes the core files, and you’ll lose the changes on next update.

Try setting your child theme like this:

customizr-child
STYLE.CSS (add @ef CSS code)
-/inc
–/admin
CLASS-CONTROLS.PHP (change Font-Family lines#39,62)
–/js
—/fancybox
JQUERY.FANCYBOX-1.3.4.CSS (change line#257)

How do I change the width of the menu from the left side where the social links sit? I would like to have it line up with separator bar underneath the featured pages circles.

Also how do I change I permantently change the color of the body text for posts? I made my background black and I have the red skin so the text appears as gray and it’s kind of hard to read.

I did it before but when I did the update it lost my changes and I can’t remember where I went to change it. Also I’m working on this locally.

I used the Editor to plug it into the Child Theme & it didn’t work and I plugged it in via my FTP and still nothing? Not sure what I’m doing wrong?

@cherie
This will change the left/right margins:

.navbar .navbar-inner {
  margin: 14px 20px 10px -200px;
  padding-left: 5px;
  max-width: 97%
}

Adjust the -200px to what you want. However, you’ll need to also manage any impact on the logo. Also, need to consider responsiveness on smaller viewports.

To avoid losing changes, always use CustomCSS to test and then move into a Child Theme: https://managewp.com/how-to-create-a-child-theme

@jpskillz
If you mean the WP Editor, I’d recommend not using that as it changes core files.
CustomCSS panel is designed to help you fix the CSS, and then move into a Child Theme to avoid losing changes on updates, as above.

Thanks. How do I permanently change the color for my post & widget text? Here’s the link to my site:https://www.nickcannonarchives.com/

It’s just too dark for my background

Try:

.entry-summary, .widget-area, .widget-title {
  color: #FFFFFF;
}

Change color to what you want (I used white). (Don’t need widget-title if same as widget-area)

I thought that any code you posted in the Custom CSS area wouldn’t be deleted?

@jpskillz – suggest you start a new post, unless this has anything to do with original topic.

“@JPSKILLZ
If you mean the WP Editor, I’d recommend not using that as it changes core files.
CustomCSS panel is designed to help you fix the CSS, and then move into a Child Theme to avoid losing changes on updates, as above.”

???