- AuthorPosts
- December 17, 2020 at 9:45 am #32307sijayGuest
I am looking to change the titling style for blog entries on the Wedge theme. Two rather challenging aspects: 1) the first letter of the Title is 200% size. 2) The first letter of a title is a different colour. Please let me know the CSS i would need to use to make it so that the titles are all the same font size and colour.
December 17, 2020 at 9:52 am #32311Joseph WKeymasterHi Sijay,
The Wedge theme has some default styles rules that use the first-letter pseudo element to modify the styles of the first letter of page and post titles in the theme. You should be able to modify the size and color settings in the following CSS rule to get them displaying like the rest of your titles:
.palette-primary h1.entry-title::first-letter { color: #1a1a1a; font-size: 52px; }
Hopefully that code helps you get the design you need on your website and please let us know how it goes!
December 17, 2020 at 5:58 pm #32328sijayGuestCan i not modify the code to simply stop it from doing this awkward and unnecessary style, rather than exactly specifying the colour with extra code and size as you suggest? What is the piece of code in Wedge that is causing the first letter to be twice as large and a different colour in post titles? I will use this CSS mod but i would prefer to remove the initial code that caused it.
December 17, 2020 at 6:08 pm #32346Jesse OwensKeymasterHi Sijay-
There are two places that this modification come from. One is a compiled file,
/wp-content/themes/boldgrid-wedge/css/color-palettes.css
, and you shouldn’t modify it manually because it is dynamically recompiled any time a customization is made to the theme to build the custom color palette of your website.The other is
/wp-content/themes/boldgrid-wedge/style.css
on line 99, which sets the first letter to 200% of the heading size.Since these are both CSS rules already, adding the CSS customization is really the best way to prevent this appearance from happening. In addition, keep in mind that if you modify the theme files directly, you’ll lose those changes any time the theme is updated, unless you’re creating a child theme.
December 21, 2020 at 4:24 pm #32406sijayGuestThanks so much. This worked perfectly. Thanks for the breakdown of why I should not alter the theme.
December 21, 2020 at 4:26 pm #32463Jesse OwensKeymasterGlad to hear it Sijay! Let us know if you have any more questions, we’re happy to help.
- AuthorPosts
- The topic ‘[Resolved] modifying blog page behaviours’ is closed to new replies.