- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
I will look into making the change to WP Super Cache however it seems weird as I thought theme should be responsive regardless of cache, as this should be done with CSS media queries and not with a completely different version. Am I incorrect in my thinking?
I’m trying to add wallpaper ads for my clients. I’ve added the wallpaper image and tried editing the CT header and adding auto to left and right css with a margin but this isn’t working.
I also want to push down the header so I can show the top part of the wallpaper add.
website is https://fertilityroad.com
MOBILE ISSUE.. **
IN FRONTPAGE /DESKTOP/ WE CUSTOMIZE IT,BUT KNOW WHEN WE GO ON MOBILE TO OUR FRONTPAGE IT DOESNT LOOK GOOD BCUZ WE MADE SOME CHANGES THERE.. SO HOW TO MAKE THESE CHANGES TO APPEAR JUST IN DESKTOP NOT MOBILE **** CSS CHANGES!!!!!
AND EXAMPLE I CREATED A MOBILE PAGE AND EDITED IT BUT I WANT TO CHANGE THE LAYOUT HOW CAN I DO THAT OR THAT IS NOT POSSIBLE? ***
Hello. But if the classes defined in the theme’s css come, the question is how can I modify or customize so that every time the table comes out, the titles of this cell come out blue as in the image. could you guide me please.
Hi,
You can hide ToTop button on AMP pages using a Custom Code CSS
.td-scroll-up
{
display: none;
}
Thank you!
Hello Maaike,
To hide the header pattern you need to use a Custom code CSS => https://i.imgur.com/PD6jKtF.png
.td_block_template_7 .td-block-title:before {
display: none;
}
You need to set the code in Theme Panel -> Custom Code -> custom CSS.
Thank you!
I usually put different image size, one for cell phone and one for computer.
I use the following css:
#pc {display: block;}
#mobile {display: none;}
@media screen and (max-width: 768px) {
#pc {display: none;}
#mobile {display: block;}
}
Right after, I insert the following before the image code:
<div id=”mobile”> …</div> to hide from the computer. Example:
<div id="pc">
</div>
<div id="mobile"></div>`
How do I implement different blocks in the site layout using this same css?
Hello!
That can only be done with CSS. Please try this code and let me know if it worked: .td_top_authors .td-author-comments-count {
display:none;
}
The codes must be inserted in here: https://www.screencast.com/t/G4qVwC6G
Thank you !
Hello!
Thank you for the information you provided.
I’ll wait for the new version of CSS Analyzer.
Regards!
Hello!
At the moment there is a bug in the CSS Analyzer plugin. We recommend you not to use it until the next updates when the issues will be fixed. And no, it is not required everywhere.
Thank you for your understanding!
Hello!
Please make sure that you insert the css code properly in here: https://www.screencast.com/t/AiOp1jhbA
Thank you!
Hi phongvt, that share buttons are not from our theme, most probably you are using an extra plugin that set them. Also if you want I can provide a css to remove the share buttons from footer, for this I will need a link to your website.
Thank you!
Hello!
I ran the CSS Analyzer for the homepage. Do I need to run it for other pages as well, if I run it will it break the results for the homepage? What do you recommend?
I have one more question: In which cases should I run CSS Analyzer again?
Thanks in advance for your interest and help!
Regards!
I added CSS in my WordPress website. the CSS is working good when I check by laptop browsers. but doesn’t work when I check by mobile browser.
http://prntscr.com/1ltun55 and http://prntscr.com/1ltv063 I capture the screenshot by laptop browser. showing good in the laptop browser.
http://prntscr.com/1ltvvm1 and http://prntscr.com/1ltwe5h the screenshot capture from mobile and using mobile browser and not working the css
Hi Amit, indeed it seems that when you use a custom font and the css analyzer, the custom font it is removed. Thank you for noticing this problem and let us know it. I have made some tests and sent the results to our developers to check it and make a fix.
Thank you for your helped in improving the theme and for the support that you provide for our community!
Have a nice day!
Hi all, this no longer works on version 11 (and I think version 10) of the theme, the code for the search functions has changed a lot with the new “header live search” element and looks far more complicated to edit it so it uses Google Custom Search.
I don’t know any php coding myself so the only way I could use Google Custom Search in the header was to simply use a Custom html block and paste the code from Google in there or do the same with a Widget element. It doesn’t look as good but works at least. If anyone works out how to edit the search elements properly please let us know.
You’ll also need to use some custom CSS in the Custom Code section of the theme panel to get it to look decent. I used the functions below:
.gsc-search-button svg {
vertical-align: middle;
}
.gsc-searchbox table, td {
border: none !important;
}
.gsc-control-cse {
border:none;
}
Hello @Calin
I have noticed, Custom fonts files don’t work with tagDiv CSS Analyzer.
Hi,
That can be done only with some custom css https://i.imgur.com/p2C2TmG.png
body .td-main-menu-logo img {
max-height: 66px !important;
}
Set this code in theme panel. custom code> advance. phone section -> https://i.imgur.com/Av8ne8W.png
Thank you!
Hello!
Normally that CSS class “tdb-menu-item-inactive” is set on the menu items that contain a sub-menu, temporarily, for the time it takes for the menu to load. Once the menu is loaded the class will be automatically removed.
Thank you!
Here is what is in my td_011_settings
A lot of this is css
https://www.cttowns.com/td_011_settings/wp_options.txt
Hi,
I just have in mind a better idea then css, what you can do is to replace the block 16 with flex block 1 this can be easily customize with tagDiv Composer, for example https://i.imgur.com/umRue2h.png -> https://i.imgur.com/BAhLk9b.png -> https://i.imgur.com/7j9JpKR.png -> https://i.imgur.com/vnwBYA4.png -> https://i.imgur.com/MMVt54C.jpg then on mobile view port you can change the height -> https://i.imgur.com/CnPmolI.png
I hope this will help you!
Let me know the results!
Hello!
Do you have any extra plugins? I have tested this on my side and it is working fine. Also why would you want to disable the css ? Google crawlers see it with CSS on: https://www.google.com/search/howsearchworks/crawling-indexing/
Thank you!
Hello!
Do you have any extra plugins? I have tested this on my side and it is working fine. Also why would you want to disable the css ? Google crawlers see it with CSS on: https://www.google.com/search/howsearchworks/crawling-indexing/
Thank you!
Hi, I think that you are referring to the blocks thumbs https://i.imgur.com/MRmg8gl.png there should be display the featured image, but right now I see that you do not have set any for your posts -> https://forum.tagdiv.com/newsmag-featured-image-or-video/
If you want to adjust the size of that thumb only on mobile, then the only solution is with css, but since you do not have a featured image, maybe it will be better to use a block without featured image.
If you want to make them smaller, just let me know!
Thanks
