Topic Resolution: Resolved
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #32307
    sijay
    Guest

    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.

    #32311
    Joseph W
    Keymaster

    Hi 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!

    #32328
    sijay
    Guest

    Can 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.

    #32346
    Jesse Owens
    Keymaster

    Hi 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.

    #32406
    sijay
    Guest

    Thanks so much. This worked perfectly. Thanks for the breakdown of why I should not alter the theme.

    #32463
    Jesse Owens
    Keymaster

    Glad to hear it Sijay! Let us know if you have any more questions, we’re happy to help.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] modifying blog page behaviours’ is closed to new replies.