mark l chaves

Hi,

Not sure if this is what you are looking for.

If you want to use CSS, here’s an example.

/* CSS */
.capitalize {
  text-transform: capitalize; /* Init cap first letter of every word. */
}

<!-- HTML -->
<p class="capitalize">this is cool</p>

How to add CSS to WordPress.

Here’s an example of init cap only first letter of sentence using JavaScript.

let someString = "this is cool!";
console.log(someString[0].toUpperCase() + someString.slice(1));

Live demo for both examples.

Shout if you have any questions.

Hi @louel,

It looks like your FB icon has been saved with a white background instead of a transparent background. That means you need to re-edit the image and make sure you save it as a PNG (like you are now), but save it with a clear background (or no background colour). I hope that makes sense. Here’s a link to some examples.

https://balistreetphotographer.com/branding/#clear-logos

Also, please use the CODE button for inserting your code when you post a message. It’s hard to read your code without doing this.

Lastly, I see some random CSS in your page that looks like a mistake. Maybe you pasted it in by accident? Or didn’t add the CSS to the correct area? Here’s what’s showing up under your FB icon.

.widget-area, .about, .search-field { background-color: transparent; }

For the above code, I used the code button in the post menu bar. 😉

Hi @1973prouin ,

Thanks for supplying your webpage link and screen captures.

I reviewed your webpage and images in question. Confirmed. Your alttags are non existent. So, whatever plugin or page builder you are using to generate your page is not bothering to write out the alttags and titletags. My guess.

You might want to

1. Create a test page with the default Gutenberg block editor.
2. Add an image block to the test page.
3. Select the same image.
4. Save & publish the page.
5. Then inspect the images to see if the alttags show up as a test.

Also try to search on this problem in other forums or contact your theme/plugin author?

Here’s something I found on WordPress StackExchange https://wordpress.stackexchange.com/questions/253743/alt-title-tags-not-showing

Good luck!

• This reply was modified 6 years, 6 months ago by mark l chaves. Reason: typos

Hi @kaanekici,

You can try to override the MSO CSS.

a:link, span.MsoHyperlink {
    text-decoration: none !important;
}

How to add custom CSS to WordPress

https://medium.com/@marklchaves/adding-custom-css-to-your-wordpress-website-how-to-guide-a50b474af36d

In the future try to avoid copy/pasting from external editors into the visual tab.

Good luck!

Hi @thelmabrown ,

Thanks for the test page. Interesting findings. Thanks for sharing that.

BUT I still don’t know how to use the ‘add CSS class’ in the visual editor to add padding to a paragraph.

Sorry that my How-to article didn’t answer your question. If you still need to know, I just posted this piece on DEV. Jump to the Gutenberg section where I explain how to add CSS code and a CSS class name to a Gutenberg block.

https://dev.to/marklchaves/the-staggered-layout-problem-mobile-stacking-order-3gnp/#gutenberg

I hope it helps!

Hi @thelmabrown ,

Sorry for the delay. I’d have to see your code again. I tried to revisit your page, but it’s throwing a 404.

Please share a new link, if you still need help. 🙂