Search Results for 'css'

Hello!

Check all these requirements for the theme: https://forum.tagdiv.com/requirements-for-newspaper/
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
I recommend you use fewer features on the page so there will also be fewer requests.
Improving page speed in WordPress is crucial for providing a better user experience and optimizing your website for search engine rankings. Here are some tips to help you enhance your WordPress site’s page speed:

Optimize Images: Compress images before uploading them to your WordPress site. You can use plugins like WP Smush or EWWW Image Optimizer to automatically optimize images without losing quality.

Utilize Caching: Implement caching to reduce server load and speed up page loading times. WordPress caching plugins like WP Super Cache or W3 Total Cache can generate static HTML files of your pages to serve users instead of dynamically generating them each time.

Minify CSS and JavaScript: Minify your CSS and JavaScript files to remove unnecessary characters and reduce file sizes. This can be done manually or through plugins like Autoptimize or W3 Total Cache.

Enable GZIP Compression: Enable GZIP compression on your server to reduce the size of files sent from your server to users’ browsers. Most hosting providers offer GZIP compression, but you can also enable it through plugins like WP Rocket or W3 Total Cache.

Optimize Database: Regularly clean up and optimize your WordPress database to remove unnecessary data and improve performance. You can use plugins like WP-Optimize to automate this process.

Limit External Requests: Minimize the number of external requests your website makes by reducing the use of external scripts and widgets. Each external request adds overhead to your page’s loading time.

Enable Lazy Loading: Implement lazy loading for images, videos, and iframes so that they are only loaded when they are visible on the user’s screen. This can significantly reduce initial page loading times.

Optimize Server Response Time: Choose a reliable hosting provider with fast server response times. Consider using a content delivery network (CDN) to serve your content from servers closer to your users.

Regularly Update Plugins and Themes: Keep your WordPress core, plugins, and themes updated to the latest versions to ensure compatibility with the latest performance optimizations and security patches.
Ads can significantly impact the speed of your WordPress website since they often involve loading external resources and scripts. You can try to limit the number of ads, optimize ad sizes and formats, and implement lazy loading on your ads.

By following these tips, you can significantly improve the page speed of your WordPress website, leading to better user engagement, higher search engine rankings, and overall improved performance.

Thank you!

Hello!

They are different, but you can create the author box from many shortcodes, such as the author image, name, and description, in the author template. Also, there are two different author box shortcodes: https://app.screencast.com/NZZuwlLDlGGwD
Only the extended shortcodes can be used on other pages.
Each shortcode has an option called “Extra class.” You can write a class, such as “modify_class,” and write some CSS code using this class, such as “.modify_class.”

Thank you!

Hello,

Please remove the css code and provide the link to your post to check it.

Thank you!

Hello,

This is the block -> https://pastebin.com/re2SDvEG set this class https://i.imgur.com/SfaUXQ1.png and you need to use this custom code CSS in raw CSS
.td_flex_block_1.td-week-slider .td-next-prev-wrap {
position: absolute;
top: 5px;
width: 100%;
height: 40px;
z-index: -1;
}
@media (min-width: 1019px) and (max-width: 1140px) {
.td_flex_block_1.td-week-slider .td-next-prev-wrap {
top: 12px;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.td_flex_block_1.td-week-slider .td-next-prev-wrap {
top: 10px;
}
}
@media (max-width: 767px) {
.td_flex_block_1.td-week-slider .td-next-prev-wrap {
top: 45%;
}
}
.td_flex_block_1.td-week-slider .td-next-prev-wrap a {
margin: 0;
min-width: 36px;
min-height: 36px;
position: absolute;
}
.td_flex_block_1.td-week-slider .td-next-prev-wrap a.ajax-page-disabled {
opacity: 1;
}
.td_flex_block_1.td-week-slider .td-next-prev-wrap a i {
line-height: 36px;
}
.td_flex_block_1.td-week-slider .td-next-prev-wrap a.td-ajax-prev-page {
left: -60px;
}
.td_flex_block_1.td-week-slider .td-next-prev-wrap a.td-ajax-next-page {
right: -60px;
}


Thank you!

Hi,

If you are using the Gutenberg editor, then there will be no sidebar in the editor, this will look like this -> https://i.imgur.com/F6PUBhU.png
If you are using some classic editor plugin, then the sidebar can be removed only from the files, for this, you need to go in -> wp-content/themes/Newspaper/editor-style.css and comment these lines of CSS -> https://imgur.com/EpWJhGZ

Hope this will help you!

Thank you!

Hello,

This is the code .td_module_wrap:hover .entry-title a
{
color: blue;
}
.td_module_wrap .td-module-title a
{
color: red;
}

Set the code in Theme Panel – Custom code – custom CSS.

Thank you!

Hello,

Yes, you need to use custom CSS code.

Thank you!

Hello,

You can’t set a predefined font size for this typography to be applied directly from the composer; these come predefined from WordPress.
You can try to change the font size with custom CSS code.

Thank you!

Hi,

Usually, the color and image are set on the row, so please edit with tagDiv Composer and select the row and go in the tab CSS, and there you can add/remove it https://i.imgur.com/svyHb9d.jpeg -> https://forum.tagdiv.com/topic/background-color-of-the-main-menu-be-changed/

Thank you!

Hello!

It is possible that you have different settings in the theme panel for the elements from that page. Check the settings from Gutenberg to ensure they are the same. Make sure you’ve selected all the codes from the page. Check if you have any other CSS in the live CSS section or theme panel -> custom code -> custom CSS.

Thank you!

Hello!

Can’t you save the changes in the tagdiv Composer? Do you have any errors in the console? (when you are editing a page with the tagdiv Composer, press CTRL + right-click -> Inspect -> Console)
You can add padding or margins under each element from the CSS tab. In this case, you should select the row and add a value here, like this: https://app.screencast.com/5tNg0cHZ0QmG1

Thank you!

Hello!

I’ve tested the Rimont single template, but it seems to work just nicely, and the images are displaying like this: https://app.screencast.com/kL9BrGts9wdGU
Did you add the images in Gutenberg with the Image block?
You can delete any CSS or customize it in the tagdiv Composer. You can stretch the row only as you like.

Thank you!