- AuthorPosts
- March 4, 2018 at 2:58 am #22886Anonymous UserMember
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 #22888KyleMemberHello,
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,
KyleMMarch 5, 2018 at 3:13 pm #22887Anonymous UserMemberThanks very much!
February 3, 2021 at 12:40 pm #33472coralGuestI 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 #33480Jesse OwensKeymasterHi 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; }
- AuthorPosts
- 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.