Hi,
This custom css
.single-page .td-page-content a:link {color: #0066cc;}
.single-page .td-page-content a:visited {color: #800080;}
is will target only the single articles (the posts), will not work on pages, for pages you need to use this custom css -> https://i.imgur.com/wURqZYj.png
.page .td-page-content a:link {color: #0066cc;}
.page .td-page-content a:visited {color: #800080;}
Hope this will help you!
Thank you!
Hello !
You could set your CSS to “important”. It seems that your css is loading later but that cannot be resolved.
Thank you !
Hi,
Our theme made a request for updates the covid data once at 3 hours (using timezone UTC GMT+0), the dates are get from here https://github.com/CSSEGISandData/COVID-19/tree/master/csse_covid_19_data and these are update frequency once per day.
Thank you!
Hi,
Today I’ve enabled amp pages on my website, there were few issues on view, I could fix some of them from custom CSS codes
but main problem is now, I put menu on footer area and there is legal pages for the website.
but when open pages, only the title is showing on amp page.
pages enabled in amp settings. pages are NOT made with the composer.
any help would be good because I disabled the footer menu for now since its empty when view.
thank you.
Hi,
I´m having problems when I use images as backgrounds in the row settings (css tab). I´m using the Gourmet Template, and when I try to replace the header image, the image looks bigger (not as cover image should be), and also with compressed effect. Images are only being problematic when used as backgrounds, as for featured image is working fine.
I´m graphic designer so please dont reply me with image sizes, resolution and this kind of things, must be something with some configuration or with tagdiv composer, cause when I replace the image with a different one, and then change again to the same image as before (in the same setting action) also looks like blured.
As I see in the source code in internet the image is this kind of image:
url(“https://XXXXX.XXX/wp-content/uploads/2020/03/header_youtube4-300×169.png”) !important
Why is using this image and not the original?
When I activate the Jetpack plugin, it changes the layout settings for performance. The same way when I installed hummingbird instead of jetpack. Any css optimization plugin is breaking the site and the sidebar on the right side is not visible on the single post screen. I disabled the Jetpack performance feature but it has not improved. I don’t know a way to undo this process. I want Sidebar to appear again. How can I do it? Can you help me?
Also; thinking that this problem is caused by hosting, I changed the hosting 4 times before. I currently host in Godaddy. Please help me to view the sidebar again.
my site: https://newworldtrend.com
Hi Calin, I was able to use the css code successfully to change the color of all my links within my post content. However, it is not working when I try to adjust it for page content and apply it to my pages using this code:
.single-page .td-page-content a:link {color: #0066cc;}
.single-page .td-page-content a:visited {color: #800080;}
I added the CSS to the Custom CSS section in the Newspaper Theme Panel. Do you know why this code might not be working for page content? Example page: https://www.tamborasi.com/about-us/
Thanks!
Brad
CSS3119: No fonts available for @font-face rule
style.css (5869,7)
I’m using css in the template builder to reduce the height of the header menu at https://9gurus.com – it looks just the way i want which is great. But when I load or reload the page i can see the menu row loads at a bigger size and then jumps down.
how can i eliminate the jumpiness?
thanks!
eric
Hello !
Please use this css code: .tdb-comm-layout2 .td-form-url {
visibility: hidden;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hello !
The css tab is for extra looks and extra css coding.
On the gallery, the image must be a bigger size, more rectangle shaped. The colors must be changed using CSS ( follow this topic: https://forum.tagdiv.com/topic/change-color-of-photo-gallery/ )
The live css option is to see live your css changes. But after that you will have to copy the code and paste it in the proper place.
Thank you !
Hello !
You can use this css code: .td-adspot-title {
text-align: center!important;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Okay. I know CSS. Which file or panel should I work on?
Hello !
Unfortunately that text can be edited only by using CSS coding.
Thank you !
Hi,
The problem is that you have the ad code set on the body -> https://i.imgur.com/HgIb0sT.png, this is set behind of the theme content and not in the theme content-> https://i.imgur.com/zjSxAvC.png, so when you set an z-index you move the ad from body content over the theme content. In order to make the ad to work, you need to make the theme content boxed, this can be achieve using the above method or a custom css -> https://i.imgur.com/PB2dPS0.png
#td-outer-wrap{
width: 1164px;
margin: -40px auto 0 auto;
}
The code need to be set in theme panel> custom code> custom css.
Thank you!
Hi,
Unfortunately there are no settings for height of flex block, you can st it only using custom css -> https://i.imgur.com/e8dUVVd.png
.td_module_flex_1 .td-module-meta-info{
height: 400px
}
.td_module_flex_1 .td-module-meta-info .td-read-more{
position: absolute;
bottom: 10px;
}
The code will be apply on all flex block 1 so to make it to apply only on flex you want you can add an extra class -> https://i.imgur.com/wFv7l5V.png and the code will be
.my-class .td_module_flex_1 .td-module-meta-info{
height: 400px
}
.my-class .td_module_flex_1 .td-module-meta-info .td-read-more{
position: absolute;
bottom: 10px;
}
The code need to be set in theme panel> custom code> custom css.
Hope this will help you!
Thank you!
Hello !
By editing the CSS margins you should be able to achieve this.Follow our tutorial here in order to learn how to tweak elements using css: https://www.youtube.com/watch?v=fa7GenCHcBU
Thank you !
The option LIVE CSS the changes that are made are there where it affects? is it forever and where is it saved or queried?
Hi,
Indeed the font style is not apply, what you can do is to use a custom css like this one
.comment .comment-content, .comment .comment-content p {
font-family: "Open Sans";
}
If you are using the mobile theme plugin with amp, then you can set it here -> https://i.imgur.com/GBLhxs0.png
In amp version is set a placeholder for Search…, this can be change only in theme files wp-content/plugins/td-composer/mobile/header-amp.php -> https://i.imgur.com/Vv97OdL.png
Thank you!
Ok Calin, the issue still pending, so I’ll take it here.
Even testing without cache enabled, the error is coming from webmastertools on mobile theme:

Messaggi della console JavaScript
3 messaggi
Errore
00:48.000
Uncaught O
https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js:62
Errore
00:48.000
Uncaught O
https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js:62
Log
00:50.000
Secure Privacy is not enabled
https://app.secureprivacy.ai/secureprivacy-plugin/web-plugin/secure-privacy-v1.js?v=0.4406271942425519:1
Altro errore
Script
https://www.rnbjunk.com/cdn-cgi/apps/head/n6xhyHpZY9SiIIpWYH2WP5M7qH4.js
Altro errore
Immagine
https://www.rnbjunk.com/foto/2020/04/logo-mobile-rnbjunk.png
Altro errore
Foglio di stile
https://www.rnbjunk.com/wp-content/cache/min/1/wp-content/plugins/td-composer/assets/fonts/font-awesome/font-awesome-c7e66a4cf67a20c78f6ca158cc582125.css
Altro errore
Foglio di stile
https://www.rnbjunk.com/wp-content/cache/min/1/wp-content/plugins/td-composer/mobile/style-6cbad46c691cf0f6310254790ca2a019.css
Altro errore
Script
https://www.rnbjunk.com/wp-content/plugins/td-composer/mobile/js/tagdiv_theme.min.js?ver=10.3.2
Altro errore
Foglio di stile
https://www.rnbjunk.com/wp-includes/css/dist/block-library/style.min.css?ver=5.4
Altro errore
Script
https://www.rnbjunk.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp
Hi,
If you want to set the code individual per image box it will be better to add an extra class for each element you want to edit -> https://i.imgur.com/N7R5zVW.png and the code will be like this -> https://i.imgur.com/EIHQ0RE.jpg
.tdm_block_image_info_box.img-box-1 .tdm-image-box {
background-position: 50% 65%;
}
Also what you need to do for the other image box element is to change the number from the extra class and reuse the code withe the individual settings. The code need to be set in theme panel. custom code> custom css.
Hope this will help you!
Hello
but I need to display ?amp url everytime (on mobile). when an user comes on my website from twitter or facebook there is no ?amp url. when an user type my website on mobile it should open with ?amp url. Please provide me css or other setting so that I can redirect user to ?amp url.
Thank You
Hello !
Please use this css: .comment-reply-login {
display:none;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hi,
Thank you for your kind words!
1. With our theme can set the reviews only for posts, you can not set it for the elements that are inside it, sorry!
2. You can set the color for smart list number if you are using a smart list from tagDiv Cloud Library, unfortunately the style can be change only with custom css.
Thanks.
Hi,
To make the slider on mobile full width please try this custom css -> https://i.imgur.com/vq6p2nR.png
.wpb_gallery .flexslider{
margin: 0px -20px;
}
Hope this will help you!