How do I change the behavior in the Wedge theme which has the first letter in the website name and menu items as a different color?

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
March 4, 2018 at 2:58 am #22886

Anonymous User
Member

I assume I will need to use the CSS/HTML Editor to make a change which will eliminate the first letter different color defaut on the site name and menu items. I want all letters to be the same color as the following letters, i.e. not all letters the same as the different first letter.

I would very much appreciate knowing the appropriate code to accomplish this.

Thanks, Bob

March 5, 2018 at 1:10 pm #22888

Kyle
Member

Hello,
The code below will change the color you are seeing for the first digit, simply change it to match whatever color you have the rest of the text as.

.palette-primary a, .palette-primary hr, .palette-primary .mod-beta h6, .palette-primary .link-primary, .palette-primary #menu-social li a:hover, .palette-primary #menu-social li a:focus, .palette-primary #menu-social .current-menu-item a, .palette-primary .site-title:first-letter, .palette-primary .entry-title:first-letter, .palette-primary h1.tribe-events-single-event-title:first-letter, .palette-primary .navbar-default .navbar-nav > .open > a, .palette-primary .navbar-default .navbar-nav > .open > a:hover, .palette-primary .navbar-default .navbar-nav > .open > a:focus, .palette-primary .navbar-default .navbar-nav > .current-menu-parent > a, .palette-primary .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .palette-primary .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .palette-primary .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .palette-primary .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .palette-primary .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .palette-primary .widget.well.widget_calendar a {
color:green;
}

Best Regards,
KyleM

March 5, 2018 at 3:13 pm #22887

Anonymous User
Member

Thanks very much!

February 3, 2021 at 12:40 pm #33472

coral
Guest

I had nearly this same question, and though i already found the code for the color change on my own, i also would like to prevent the first letter from being a different size. I thought i found it in style.css, but when i changed the “first-letter” value from “200%” to “100%” it didn’t appear to affect the site, so it must be elsewhere as well?

It makes a huge first letter on both my product titles and the subjects of blog entries, and i’d like to prevent it from doing it in either place. Thanks in advance!

February 3, 2021 at 12:53 pm #33480
Jesse Owens
Keymaster
Hi Coral-

Thanks for reaching out! I suspect that all you’ll need to do to make your code work is add an !important directive, like so:
```
h1.entry-title::first-letter { 
  color: unset !important;
  font-size: 100% !important;
}
```
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘How do I change the behavior in the Wedge theme which has the first letter in the website name and menu items as a different color?’ is closed to new replies.

Looking For Something Else?