Change sidebar Titles from H3 to simple < P >

Posted in: Newspaper
Post count: 89

I’m using the latest version of Newspaper theme.

Kindly let me know how to change the titles of sidebar widget from <H3> to simple <p> tag but in bold style just like headings. Like posts in “recent posts” block have titles in <h3> tag I want these titles to be in <P> instead of any headings so it doesn’t effect the SEO of my blog posts.

In simple words, I don’t want any heading tags in sidebar widgets.

Kindly help.

Post count: 22421

Hello,

All of the module titles in our theme are H3 by default. They are added in the theme code. If you want to change this implementation please change this code: https://www.screencast.com/t/l8Ua9jMix
This applies to all module title sin our theme

Thank you!

Post count: 89

Thanks for responding, Bogdan. I understood how to change module titles from <H3>. But i want to change the titles from < H3 > to simple < p > in bold style just like headings. Kindly guide me through this as well.

Post count: 89

Bodgan, I changed the code just like you said. I changed <h3> to <span>. Now the module titles are not bold, their color has turned permanently blue and no hover effect. See the link: https://www.wentdiary.com/

I want module titles in black color, hover effect and font style of default h3 tag.

Post count: 23312

Hi,

You need to put the <p> and </p> instead of your H3 as you can see here -> https://www.screencast.com/t/r5O3RkHAp7B After you have made this change you need to apply such effect to this <p>. -> https://www.screencast.com/t/1AjfFcaXE

Thank you!

Post count: 89

Hello, Catalin. Thanks for your response. I did put the <p> and </p> instead of H3 as you told me to do here -> https://www.screencast.com/t/r5O3RkHAp7B .
But the main the problem is with the color of the text and hover effect. Color of the text is still blue, not strong and there is no hover effect. How do I fix that? Please see the web page.

  • This reply was modified 7 years by Sohaib.
  • This reply was modified 7 years by Sohaib.
  • This reply was modified 7 years by Sohaib.
Post count: 20685

Hi,

That would be expected to happen, the design that is created for a heading as it is initially in the theme, it is not applying anymore after changing the it to a paragraph. Now other CSS is applying to all the post titles in all modules.

You could try and add some more CSS to override the current state. From what I can see only the default color needs changing – http://prntscr.com/n3huuf

.td-module-title a {
color: #111111;
}

Enter it in the theme panel custom CSS code section.

Thanks

Post count: 89

Thanks so much for your help, Simoin. You just did the magic.

The title color has been changed and the hover effect has been enabled as well. There is only one more addition I would like you to make. I want to make the titles semi-bold. Please provide a css code for that too.

Thanks

Post count: 20685

Hi,

Try changing it here – http://prntscr.com/n3zdkq Also be sure to enable the desired weight here – http://prntscr.com/n3zdx3

The theme panel font settings for the module should still work despite changing the titles to a paragraph. Let me know.

Thanks

Post count: 89

It’s done. Thanks a million.

Post count: 9

Hello,

I want to make the same thing (change titles from H3 to simple <p>) but I can’t find the td_module.php file. I went in “Newspaper” -> “Includes” -> “wp_booster” but I don’t find the td_module.php file. Could you help me plz ?

You will find a screenshot attached to this post.

http://image.noelshack.com/fichiers/2020/25/7/1592734087-capture-d-ecran-2020-06-21-a-12-05-34.png

Thank you !

  • This reply was modified 6 years by Mahiedine.
  • This reply was modified 6 years by Mahiedine.
Post count: 9

Hello,

I finally found the file and made what you said. But I have still a problem (sorry …). I only want that the titles of my recents post (in the sidebar of my single post and after the post) be in <p>.

With what I’ve done all my titles are in <p> and I want that my titles on my home and category page stay in h3. How can I do this ?

On my home page I have a “Big Grid Flex 10” and a “Flex Block 1”, now the title of my posts are in <p> but I want them in h3 like before. Maybe I can add a custom ccs when I’m on the home page with tagdiv ? I don’t know …

Thank you for your help.

  • This reply was modified 6 years by Mahiedine.
Post count: 35449

Hi Mahiedine,

The function from td_module.php will create the h3 titles for all modules from your website, therefore you’ll not be able to achieve what you need. Also these changes will be lost when you’ll update the theme.

Thank you for your understanding!

Viewing 13 posts - 1 through 13 (of 13 total)
You must be logged in to reply to this topic.