- 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
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Hi,
1. You can choose what social share to sue from theme panel -> https://forum.tagdiv.com/design-post-pages-using-default-templates/ -> https://i.imgur.com/40jqPkw.png
2. Unfortunately on big grid full 5 you can achieve this only with custom css, there is no option for this.
-> https://i.imgur.com/u8ThFbb.jpg
.td-grid-style-4 .entry-title {
background-color: rgb(236 77 152 / 70%);
}
This code need to be set in theme panel> custom code> custom css.
Thank you!
Hi,
Please try this custom css -> https://i.imgur.com/KR8uYY8.jpg
.td-grid-style-1.td-hover-1 .td-module-thumb a:last-child:before {
opacity: 0;
}
Hope this will help you!
Have a nice weekend!
Hi,
You should be able to change the color using tagDiv Composer and change the accent color -> https://i.imgur.com/QEplrYu.png
Also if you want to try a css you can try this one
body .td-theme-wrap .td_module_wrap:hover .entry-title a{
color: red!important;
}
Hope this will help you!
Have a nice weekend!
Hi jakubz, the problem is with these settings like 100vh, what means vh?(Relative to 1% of the height of the viewport*), that’s why you need to reset the style and try other settings.
Than you for your understanding!
Solved, by blocking /wp-content/plugins/js_composer/assets/css/js_composer.min.css loading on the affected page the issue disappears.
Have a great day!
Hi,
You can try this custom css -> https://i.imgur.com/23aWjV1.png
.td-weather-days .td-day-degrees {
font-size: 18px;
}
This code need to be set in this place -> https://i.imgur.com/s0Zp2cV.png
Hope it will help you!
Hi loslunesseriefilos, unfortunately there is no option for this, but you can use a custom css to remove the next and prev buttons, in this way the ajax will not be use.
-> https://i.imgur.com/JW4ZhXs.png
.td-next-prev-wrap{
display: none;
}
This code need to be set in theme panel> custom code> custom css.
Hope this will help you!
Have a nice weekend!
Hi,
For this you can replace the above css with this one -> https://i.imgur.com/ZZZUS4U.jpg
figcaption {
text-align: center;
font-style: italic;
}
Hope this will help you!
Thank you!
Hi jjest_jjest, you can achieve this whit some custom css too, for example you can check this similar link -> https://forum.tagdiv.com/topic/remove-link-from-author-box/
Let me know the results!
I am using Newspaper theme and was trying to change the title/link color on mousehover. I have tried to edit it using the tag composer and also tried css changes but nothing of them works. When I change it using the tag composer the color don’t updates. It keep on showing the previous color. The css I have used is
.td_module_wrap:hover h3 a{
color:#932222!important
}
Please revert. It’s urgent. I want to solve it ASAP.
Hello !
Please provide an url to your page and we will offer a css to hide that untill this gets fixed.
Thank you !
Hello !
Go to CSS tab and you will be able to hide it as you can see here: https://www.screencast.com/t/2y42C2VVem
Thank you !
Hello !
Honestly I personally wouldn’t use child theme. You can insert all your CSS / JS / HTML codes in Theme panel – Custom Code as you can see here: https://www.screencast.com/t/LjNuc6Nu
Thank you !
Hello !
Please use this css code for the image haze problem: .mfp-ready .mfp-s-ready .mfp-figure:before{
opacity: 0;
}
Please note that at the moment the Support team is not 24/7 available. We answer the topics from Latest to Newest Monday – Friday from 08:00AM to 05:00PM GMT+2
Thank you !
Hi,
You can use this custom css -> https://i.imgur.com/WkMYxGP.png
.grecaptcha-badge{
display: none!important;
}
Set this code in theme panel> mobile theme> custom code> css
Hope this will help you!
Hi bzeegers,
Please set the custom css i theme pane> custom code> custom css and see if the code is still remove from there, if yes make sure that you do not have a plugin conflict, please deactivate ALL plugins except tagDiv plugins (theme plugins), also if you are using child theme or cache plugin, deactivate them, clear all cache and try again.
Let me know the results!
We’re noticing that the degree symbols in the weather widget move to a spot below the temperature when the screen is adjusted to a certain width. Seems to display fine when page is loaded on desktop or mobile (as sidebar tends to be larger), but somewhere around tablet width the symbols will move. Hoping that there might be some kind of CSS we could use that would target the issue with just that particular size?
Also, since we’re talking about the weather (widget), we also see that sometimes temperatures will appear with decimal points and sometimes they won’t. So occasionally we’ll see 98° and other times all temps will show with decimals (very rarely), like 94.7°, so is there a setting to limit the display to one way or the other?
Any assistance would be appreciated.
According to Google Rules I’ll be able to hide Recaptcha Label on all pages if on Contact form copyright message was inserted.
According to this option you told me before to add custom CSS –
/* hide Recaptcha 3 */
.grecaptcha-badge { visibility: hidden; }
It works like a charm for Desktop versions, but it doesn’t work for Mobile
Mobile page – https://prnt.sc/u29zyl
Please advise, how to remove Google Label for Mobile devices?
Hi,
I have added custom CSS to a Cloud Template, but it will not save the changes. Refreshing the page (after saving) shows that the code is removed. Changing a TagDiv block will save however.
Hi kibiribi, please not that when you let some many reply’s it will be very hard to understand in what position you are now and how to answer to all of them, please replace one-two times only and way for an answer.
You can change the line color on menu from here -> https://i.imgur.com/rNh4cuW.png
You can add the banner on mobile header using the ad box, set a row in header and in it add the ad box -> https://i.imgur.com/vRcWtb5.png
If you want to add a background you can do it on row in css zone -> https://i.imgur.com/gvFh2gt.png or if this is transparent you can add it on zone -> https://i.imgur.com/kP2mvqE.png
The usually the ads size can be get from them panel -> there you can see all the size that you can use -> https://i.imgur.com/OQ8aPud.png also you can check this guide from here -> https://www.tipsandtricks-hq.com/wordpress-affiliate/popular-affiliate-banner-image-ad-dimensions and there are more other guide on google.
As I explain above, you need to set the header ad on mobile, as you can see on mobile you have a different header not the one form desktop.
Sometimes you can use the width or menu from here -> https://i.imgur.com/Zdhfiue.png but most of the time you need to check the column size where the menu is set, if this is like in may case (full row) -> https://i.imgur.com/5m23mvj.jpg then you can use the option mentioned above, if is set in 2-3 columns then you need to increase the column width -> https://i.imgur.com/Ksz6xqz.jpg (note that when you increase a column you must decrease the rest of them).
The search text can be find here -> https://i.imgur.com/GPJArxJ.png
please check carefully our documentation for mega menu this need to look like this -> http://prntscr.com/pyfl24 not like this with sub menus -> http://prntscr.com/pyfl9q
Thank you for your understanding!
Hello !
Please use this css code: figcaption {
text-align:center;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hi,
What you can do is to use a custom css like this one -> https://i.imgur.com/l0Zhgk6.png
body{
margin-bottom: 0!important;
}
Set this code in theme panel> custom code> custom css and the bottom space will be removed!
Hope this will help you!
I have noticed that custom css is not working on my site
I implented this code for a menu item but it is not working, yet the css code has been placed properl
menu-item-796 {
background-color:red;
}
Other css code are also not working
I’ve installed another one Template – Mage Menu again shows my only 1 subcategory –
screen- https://prnt.sc/u1qiu2
my menu – https://prnt.sc/u1qjkw
And one more thing – where can I modify CSS for each new one Template?
I was able to change colors only partially – screen – https://prnt.sc/u1qlmo
for example – active menu element was not controlled in this menu or I couldn’t find it 🙁
Access to admin was sent to support tagdiv
Please help. 🙁
I tried to edit another one Template
could you explain:
1. How to change Menu width ? https://prnt.sc/u1py53
2. How to change top header from blue to black? Couldn’t find in CSS ans style – https://prnt.sc/u1q5yv
2. How to remove issue with subcategories list – https://prnt.sc/u1py53
Mega menu with custom template doesn’t works well – right now – https://prnt.sc/u1pzyx
old default template looks good – https://drive.google.com/file/d/1hQPaj_APLdYIvYO-djIwCxgz-CV-wXva/view?usp=sharing
3. Where can I find “search” title for Header button ?
screenshot – https://prnt.sc/u1q3y2
Sorry for the huge list of question 🙁