kwbrayton

Aaron,

The CSS in styles.css that controls this is:

.blog-title a {
color: #fff;
text-transform: uppercase;
letter-spacing: 4px;
font-weight: 700;

And the property that you need to modify is this:
text-transform: capitalize;

You can directly edit the style.css file of the theme but when the theme is updated, you lose your custom coding.

A simpler way to do it is to add some CSS to the “Additional CSS” section of the customize theme area:

.blog-title a {
text-transform: capitalize;
}

I have created a child theme for my purposes in which case I would add that CSS to my child theme’s style.css file.

You can Google the CSS property for more info.

For a good tutorial on adding custom CSS to your WordPress site:
https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

Good luck!
Ken

I’m glad. Happy to do what I can.

I should add that WordPress caches the CSS code of your theme. Every time you make a change to the style.css file you need to flush the cache to load the update. Not sure if this is required if you just add the code to the Additional CSS section.

@bilkish: The relevant chunks of CSS for pullquotes is in this section in style.css:

/* Block: Pull Quote ————————- */
.post-content .wp-block-pullquote {
background: transparent;
border-bottom: 4px solid #444;
border-top: 4px solid #444;
margin: 2em 0;
padding: 3em 0;
text-align: center;
}

You add the CSS declaration to control font-size in this selector. Let’s say you want to set it to font-size: 10px; You can play around with different sizes (Google info on font-size).

/* Block: Pull Quote ————————- */
.post-content .wp-block-pullquote {
background: transparent;
border-bottom: 4px solid #444;
border-top: 4px solid #444;
margin: 2em 0;
padding: 3em 0;
text-align: center;

font-size: 10px;

}
I have modified the blockquote (different from pullquote) CSS code for my site in this section of CSS:

/* Post Quotes ——————————- */
.post-content blockquote {
background: #CFE1B9;;
border-radius: 0px 10px 10px 0px;
border-left: 10px solid #718355;
margin: 1.5em 10px;
padding: 0.5em 10px;
}

You can see an example here: https://oakvillechurch.org/blockquote-examples/

I don’t use pullquotes so this example pullquote is getting impacted a bit because of my changes to the blockquote section.

I use a child theme with Hemmingway so my code goes into the style.css file for the child theme. If you don’t use a child theme, you can add the declaration to the Additional CSS section of the customize appearance for the theme like this:

.post-content .wp-block-pullquote {
font-size: 10px;
}

You could add this declaration directly to the style.css file of the main theme but any new updates will overwrite it.

I hope I have correctly understood what you are attempting and I hope you can make sense of this.

• This reply was modified 3 years, 8 months ago by kwbrayton.

This should point you in the proper direction(s):
https://pagely.com/blog/style-blockquotes-wordpress/

@obahat: Be advised that my knowledge of WordPress is limited. I think I can point you in the direction of your problem but I don’t have a ready solution. Using the Chrome browser’s “Inspect” tool, I noticed you have 2 search forms with the same id=”searchform” value. One form is in your navigation menu and only becomes visible on mobile devices or if you squeeze your browser very narrow. The other form is on your side menu. Since both of those search gizmo’s use the same ID value, that’s where the error is coming from. Unfortunately, I’m not smart enough to know what you can do about it. I did find this article but I don’t know if it will solve your problem: https://linkstraffic.net/customize-wordpress-search-form/ Hopefully it will give you some ideas on what to search for. Good luck!

@joseph_winn Your site (and mine) are working fine on my computer using Firefox. Also fine on Brave (built on Chromium).

@joseph_winn Might be something cached in your web browser but I don’t know enough about that to know for sure. I don’t use any caching plugins myself.

• This reply was modified 3 years, 10 months ago by kwbrayton.

Joe, I’m looking at your sight with the Hemingway theme and I actually do not see the Skip to Content until I tab to that link. On my end, it’s working as expected.

Joe, I wasn’t aware of skip links until now – always learning something new! I just retested the site I maintain and it seems to be working fine for me. I don’t see the skip link text unless I actually start tabbing my way through the site. If interested, you can see it it action here: https://oakvilechurch.org I’d be curious to know if my pages work for you as well. Or do you see the “Skip to the content” link on your end?

Oh good, Anders is responding. I’m bowing out! He is aware of what’s happening. Thanks Anders!

The page you posted (https://credituniongeek.com) doesn’t look like it’s using the Hemingway theme right now. I’m not seeing what you see. You are posting in the Hemingway support area so I’m assuming you are referencing updates to the Hemingway theme that just came out. For what it’s worth, I updated my site to the latest update of Hemingway today and it’s working fine without showing anything like you describe. Sorry I can’t be more helpful.

Update: After I posted my message I saw your update about changing themes. Could you set it back for a bit so I can see what you see? I’m wondering if it’s a possible issue with a plugin. I also want to see where the code is being inserted. Thx!

• This reply was modified 3 years, 10 months ago by kwbrayton.