Search Results for 'css'

Hi,
Sorry, I do not quite understand, do you want to keep the menu color and fonts only for a part from menu and use a css for another one? Can you please provide some more details and some example, maybe some screenshots, this will help me to better understand the problem and provide an working answer.
Thank you for your understanding!

Hi,
Indeed, this can be some option from WP Rocket, that make the css or JavaScript for the dropdown menu to load letter, but to be sure for this, please make a test, disable the WP Rocket, and see if the problem persist or not.
Let me know the results!
Thank you!

Hi IndianStartupNews,
I just got an idea, maybe you can use the ads fields to set your code for newsletter (the code that you set it in newsletter), in this way this should be seen inside the theme. Usually, this should not affect your website -> https://i.imgur.com/2aow2D6.png the results will be something lie this -> https://i.imgur.com/bt31M48.png (you can use a css to adjust the style).
This is just and solution that maybe it can help you, it is not the best way to do it, but I think that it is the only way at this moment.
I hope that may help you!
Thank you!

Hi,
That can be do using an extra css, for this, edit a flex block -> https://i.imgur.com/0kdmozf.png after that use a custom css like this one -> https://i.imgur.com/U6tojQw.png then the css will apply on all flex blocks that have that class set (also it can be adjusted)
.my-css.td_flex_block_1 .td_module_flex .td-module-title{
margin-left: 20px;
}
.my-css.td_flex_block_1 .td_module_flex::before {
content: '';
position: absolute;
width: 8px;
height: 8px;
background: #eb6a14;
top: 22px;
left: 20px;
border-radius: 50%;
z-index: 999;
}
This code need to be set in theme panel> custom code> custom css.
I hope this will help you.
Thank you!

Hi vorilask,
Most of the theme when a submenu is not displaying when this is hover it is related to a plugin conflict, it maybe be form some cache plugin or optimize plugin…. Please make a test and disable all non theme plugins and checked to see if the problem still persist, if not, enable the plugins one by one and check the menu until you find the plugin that made the problem, then check to see if this do not have some options related to css or JavaScript or simply let it disabled.
Let us know the results!
Thank you!

Hi,
Unfortunately, there is no option for this, but I will try to help you with a custom css, like this one https://i.imgur.com/cdbdRYH.jpg
.page-nav a[href$="/2/"] {
width: 100%!important;
}
.page-nav a {
width: 45%!important;
font-size: 16px;
margin: 0 2.5%;
padding: 18px 48px;
color: #fff;
background-color: orange;
}
.page-nav a, .page-nav .current{
display: none;
}
.page-nav a:first-child, .page-nav a:last-child {
display: block;
}
.page-nav a:first-child i:before {
content: "Prev";
}
.page-nav a:last-child i:before {
content: "Next";
}
.page-nav a:last-child i:before, .page-nav a:first-child i:before {
font-family: sans-serif;
font-size: 24px;
text-transform: uppercase;
font-weight: 600;
}
Set this code in theme panel> custom code> custom css.
I hope this will help you to achieved what you want!
Have a nice day!

Hi mikevanmoonlight, I think that you are referring to the “|” that its in the search input, unfortunately, there are no options for it in our theme, and all we can do is to help you to hide it with a css like this one
.td-theme-wrap #td-header-search{
color: transparent;
text-shadow: 0 0 0 #2196f3;
}
-> https://i.imgur.com/jpA8QIW.png
If this is not what you mean, please let us know!
Have a nice day!

Hi Rovshan,
To make the top bar to be the same dimension, please select that row and make sure that you remove the column gap -> https://i.imgur.com/0DZy1lR.png (remove that 0 to be an empty column)in this way the results will be like this -> https://i.imgur.com/ehx9r2V.jpg also then remove the shadow from header menu section -> https://i.imgur.com/M6HKSuf.jpg after that add them on the inner row that is handle the main menu -> https://i.imgur.com/mnH6uaR.png or an alternative is a custom css -> https://i.imgur.com/hpSI955.jpg
.td-header-desktop-wrap .tdc-zone .tdc_zone:before {
width: 1164px;
margin-auto: 0 auto;
}
I hope this will help you!

Hello!

You can adjust it using the css tab as you can see here: https://www.youtube.com/watch?v=fa7GenCHcBU&t=1s

Thank you!

Hello!

1. Please save and check on the live site, there may be a delay untill the change appears.

2. For that you will need to move the title element in the split row: https://www.screencast.com/t/RNu93qS2J

3. For that simply click on the COLUMN element and uncheck the sticky option as you can see here: https://www.screencast.com/t/sNzQm4Qb

4. That is the background image of the ROW, it can be removed if you click on the ROW and in the CSS tab you will find it: https://www.screencast.com/t/VEGS8T2wFh

Thank you!

Hello,

Maybe is a solution for what you want, when you set the image box in widgets, add it an extra class => https://www.screencast.com/t/pT32zX6vq for example, I set “td-try”, and after you need to add this code in Theme Panel -> Custom Code -> Advanced CSS for each port and set the height, so that the whole image is displayed => https://www.screencast.com/t/UC3SEKe3ND
.td-try.td_block_image_box .td-big-image .td-custom-image a {
height: 180px;
}

Hope this helps you!

Thank you!

Hello!

First of all, please start looking for a plugin conflict, deactivate ALL plugins except tagDiv ones, also if you are using child theme or cache plugin, deactivate them, clear all cache and try again.
The second step is to try to optimize your website. If you follow the steps which are presented in this tutorial here: https://tagdiv.com/how-to-increase-page-loading-speed/ you’ll be able to increase the speed of your website.
Also, to increase the page speed you can check these similar topics for more solutions:
– https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/
– https://forum.tagdiv.com/topic/a-few-tips-for-newspaper-x-speed-high-cpu-usage-issues/
– https://tagdiv.com/how-to-increase-page-loading-speed/

Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
Please give it a try and follow the steps which I presented above about page speed.
Also, check our guide from here: https://forum.tagdiv.com/how-to-make-the-site-faster/

Please make sure to use our newest tool from the latest update called tagDiv CSS Analyzer which comes in handy to resolve some of your issues. Take a look at the video guide here: https://www.youtube.com/watch?v=tnkVapqhIHc

“This custom tool performs an automatic test to find missing CSS rules applied by user interaction. Moreover, you can manually interact with a chosen section/component from the page while the tool records all the involved CSS. It will generate the final CSS file for this page and also will split the rules in Critical CSS to be loaded in the website’s header.” ( https://tagdiv.com/whats-new-in-the-newspaper-theme-10-4-update/ )
We tested our tool on our demos, and we have such great results!
Take a look in this topic because it could help you: https://forum.tagdiv.com/topic/css-analyzer-step-by-step-and-doubts/

Thank you!

Hello!

There is a custom CSS code in that page.
If you use a cloud template, then it is a workaround to achieve that by adding an element called “Inline text” and uncheck the option Display inline and write the text in description with the lines also.

Thank you!

Hello,

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://i.imgur.com/DqjLdxU.png

Hope this will help you!

Thank you!

Hi jzee, maybe the css for your website need to be adapted, can you please provide a link to your website and some screenshots with the elements that you want to changes, in this way I will be able to provide the proper steps that will work for you.
Thank you for your understanding!