I am seeking assistance regarding an issue with the title bar of a widget on the homepage of the North Dallas Gazette website, which uses your WordPress theme.
The title bar for the “NDG CURRENT EDITION” section (pointed to in the attached screenshot) does not span the same width as the element above it. 
This section is populated by a Custom HTML widget on the widget settings page, and the title, image and link are updated weekly by another user. 
I would like the title bar for this section to match the width of the element above it on the home page. My question is:
Is there a way to achieve this with the current Custom HTML widget, perhaps by adding some custom CSS or modifying the existing HTML?
Alternatively, should I use the “[tagdiv] Text with Title” widget instead? If so, is there specific CSS or code I can add to ensure the title bar width aligns with the above element?
Your guidance on this matter would be greatly appreciated, as I would like to ensure a consistent design across the homepage.
Hello!
I think the background of the first title is significant because the text is longer there.
You should have consistent titles as well.
I recommend the Text with title shortcode, so you have some style and do not need extra CSS: https://app.screencast.com/zQ5pLFMZqTiI5
Or you can build the title separately like this: https://app.screencast.com/uzW8UFPLyDlRs -> https://app.screencast.com/eFxbLHlYDEJd2
Thank you!
Thank you for your response and the helpful suggestions. I appreciate the insights and the screencasts you provided.
However, I have a follow-up question regarding the implementation. Correct me if I’m wrong, but wouldn’t using the “[tagdiv] Text with Title” shortcode or building the title separately with the TD Composer require future updates to be made directly through the TD Composer?
The reason I’m asking is that the “NDG CURRENT EDITION” section is updated weekly with a new title and link. The person responsible for these updates does not have access to the TD Composer. To make this process simpler and avoid potential disruptions to the website layout, we created this section as a widget (see #2 in the attached image
). This allows updates to be made directly on the WordPress widget page (see #1 in the attached image).
On the other hand, the first title, “Click Here: Win Tickets by Subscribing to NDG Video Channel,” does not change and was therefore built as a static title with the TD Composer.
That said, we are trying to achieve consistency by matching the width of the “NDG CURRENT EDITION” title bar to the “Click Here” title above it. Is there a way to achieve this while keeping the current setup of the widget for the “NDG CURRENT EDITION” section? Perhaps I am not understanding your suggestion correctly as I am also not sure what you mean by shortcode in this instance?
Hello!
Ah, ok. Then add this CSS in the live CSS:
.td_block_template_3 .td-block-title > * { padding: 40px; width:100%;}
Thank you!
I added the code to the live CSS, and at first, everything seemed resolved. The titles appeared as we wanted. However, an hour later, I received a call that all the ads were missing from the site. I immediately removed the code from the live CSS and cleared the cache, and the ads reappeared.
Unfortunately, the ads started disappearing every five to ten minutes until I cleared the cache again. After going through this cycle several times, I finally deactivated the WP Fastest Cache plugin.
We have been using the Advanced Ads plugin with the Newspaper theme for five years and added the WP Fastest Cache plugin about ten months ago. We have never experienced this issue before. Do you know of any compatibility issues when using live CSS with either of these plugins? Are there any known conflicts between these plugins and the Newspaper theme?
Hello!
This is strange! I have never encountered this issue. Try to add the CSS code in the Newspaper -> Theme panel -> Custom code -> Custom CSS and check if the problem persists.
Thank you!
We decided not to use the Titles in that manor because of this issue. But now we are unable to use cache plugin since we inserted that code in the live css even though it has been deleted.
After deleting the WP Fastest Cache plugin (and ensuring the plugin folder was removed from the server), I switched to the WP-Optimize plugin to manage caching. Unfortunately, as soon as I turned on its caching feature, all Ads (managed via the Advanced Ads plugin) disappeared. Turning off caching immediately brought the Ads back.
Currently, I am not using a caching plugin despite the fact that we have been using them seamlessly for years alongside the Advanced Ads plugin and the Newspaper theme (which we’ve been using since Newspaper 8).
Even though I no longer need the custom CSS code, I need to understand why cache plugins are now causing this issue. Is there something lingering from the deleted code or changes made through the live CSS that might be interfering?
Your guidance would be greatly appreciated as I need to restore caching functionality without affecting the Ads.
Hello!
It depends on the cache plugin settings that can interfere with the theme. Address this issue to the plugin developers. Do not use multiple caching tools as well.
Thank you!
