- 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
Hi,
Unfortunately I do not have ac css to see the image -> https://i.imgur.com/Hq1CCc0.png
Make sure that your posts has set a featured image or video -> https://forum.tagdiv.com/featured-image-or-video/
Make sure that you do not have a plugin conflict, please deactivate ALL plugins except tagDiv plugins, also if you are using child theme, cache plugin or CDN, deactivate them, clear all cache and try again.
Thank you!
Hello !
Please use this css code: .td-scroll-up {
margin-bottom: 30px!important;
)
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hi,
Did you use some custom css for internet explorer ? is look that this is apply on edge too, please try this css
html[class*='ieEdge'] [class*='td_flex_block_'] .td-module-container{
display:flex;
}
If is nor apply replace it with this one
html[class*='ieEdge'] [class*='td_flex_block_'] .td-module-container{
display:flex!important;
}
Let e know the results!
Thank you!
Hi,
I just checked the pagination with my mobile and now is look that this is the only problem -> https://prnt.sc/skcbzz but is look that the code set in custom css section affect the desktop -> https://i.imgur.com/69TCHBH.png I tried my best to help you, but I can not make the first button to be full width without affect other pages, sorry!
Thank you for your understanding!
Hi,
I just try again, this is the code that I have set -> https://i.imgur.com/l7Jirsy.jpg using only this css for desktop -> https://i.imgur.com/tQALrYh.jpg and for me the results on mobile are -> https://i.imgur.com/ugETCew.png (you need to refresh the page to see the results). Please try with banners/images like in my example and let me know the results.
Thank you!
Hi Mauricio Jaramillo Marín,
This is a good question, in case that you hide it for all devices, then you’ll need to set in tagDiv Composer > css and css -> https://i.imgur.com/LrSZZhw.png -> https://i.imgur.com/ac8qBUR.png -> https://i.imgur.com/OEOVtpK.png
.vc_row.td-pb-row{
display: block!important;
}
Hope this will help you!
The issue seems to be create by turning on the “minify CSS” feature on my caching pluging. Is there a way to minify CSS without breaking these icons?
Hi,
The amp version will be on mobile and you can not make the hover on mobile devices, but if you want you can set it in Theme panel> Mobile theme > Custom code> css it should apply on amp too.
Thank you!
Hi,
Please try this css
.menu-navigation-container .menu
{
display: block!important;
}
Also the position of copy right can be change only if you are using a cloud template for footer, this can be edited with tagDiv Composer.
Thank you!
Hi,
This can be done only with custom css -> https://i.imgur.com/Kdzl1uQ.png
.td-scroll-up .td-icon-menu-up {
color: lightblue;
}
.td-scroll-up {
background: black;
bottom: 80px;
}
The code need to be set in theme panel> custom code> custom css.
Hope this will help you!
Thank you!
I’ve put this code to the “Custom CSS” Instead of “Advanced CSS” -> “Phones” and it seems to work now.
.single .page-nav a[href$="/2/"] {
width: 100%!important;
margin-left: 0!important;
}
And this weird error with broken next/prev buttons appears only on /3/ page. Before and after the third page everything is ok. Do you know what might be the issue? Screen: https://prnt.sc/skb56c
Hi,
For me dis is not displaying like that, here are the results -> https://i.imgur.com/OdCYeGl.png -> next page -> https://i.imgur.com/VCnTr2B.png with css -> https://i.imgur.com/zwlYGF2.png but I see that you have two identical links -> https://i.imgur.com/JZUxiTh.png one of them should be 3 instead of 2.
Thank you!
Hi,
You can try this custom css for mobile theme -> https://i.imgur.com/7gOv6dg.png
#td-outer-wrap {
background-color: #222;
}
#td-outer-wrap * {
color: #fff;
}
The code need to be set in theme panel> mobile theme > custom code> css.
Hope this will help you!
Hi,
The margin can be change only with custom css -> https://i.imgur.com/Ro8u5Bj.png this code will apply only on these images that are aligned left and are set in a text with title element ->
.td_block_text_with_title .alignleft {
margin-right: 12px !important;
}
The code need to be set in theme panel> custom code > custom css.
The only elements that can display text around the image are text with title and column text.
Thank you!
Hello,
I want to change the default styling of the pull quote block on AMP. It seems excessively large and is set to 60% width. I have tried editing the pull quote section in Mobile Theme > Font Settings > Pull Quote, but that doesn’t seem to make any difference to font style.
Any idea where to change the font styling and the max-width, please?
Hi,
It can be a plugin that is interfering with the theme css.
Please send us an email at contact@tagdiv.com and provide admin login, as well as cPanel or FTP if possible. We will take a look. Include a link to this topic in the email.
Thank you!
Hi,
Unfortunately for the moment on that element you can set a different color only with custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
-> https://i.imgur.com/uwAZ49C.jpg
.td-subcat-filter .td-subcat-list a {
color: #eee;
}
The code need to be set in theme panel> custom code> custom css.
Hope this will help you!
It’s not working.
For some reason, I can see ads created for desktop on mobile and desktop. And can’t see ads created for mobile anywhere.
Here’s an ad code that we are having right now:
<div class="td-visible-desktop doubleAds">
<script>
AdSense Code here
</script>
</div>
<div class="td-visible-desktop doubleAds">
<script>
AdSense Code here
</script>
</div>
<div class="td-visible-phone">
<script>
AdSense Code here
</script>
</div>
And here’s our css code:
.page-nav a[href$="/2/"] {
width: 80%!important;
margin-left: 10%;
box-shadow: 0px 4px 10px 0px #888888;
border-radius: 4px;
}
.page-nav a {
width: 45%!important;
font-size: 16px;
margin: 0 2.5%;
padding: 18px 48px;
color: #fff;
background-color: orange;
box-shadow: 0px 4px 10px 0px #888888;
border-radius: 4px;
}
.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: 33px;
text-transform: uppercase;
font-weight: 600;
}
.doubleAds {
display: inline-block;
width: 300px;
}
@media (max-width: 767px){
.dads {
display: none;
}
}
Hi,
Make sure that the posts that are assigned to this category are translated for the second language.
If you are using a single post template from tagDiv Cloud library, then yes, the featured category will be display, this will no longer be hidden, but it can be hide like before with a custom css.
Thank you!
Hi,
If found that the problem is because of the inline css, please try win an extra class, like this -> https://pastebin.com/4sdtxP5g and add this css in theme panel
.doubleAds {
display: inline-block;
width: 300px;
}
@media (max-width: 767px){
.dads {
display: none;
}
}
Hope this will work better!
Nothing changed, look: https://prnt.sc/sjmci0
And on /3/ page we get this error: https://prnt.sc/sjmakm (it’s not caused by new css code, it was before)
Here’s the code that we already have for all devices set:
.page-nav a[href$="/2/"] {
width: 80%!important;
margin-left: 10%;
box-shadow: 0px 4px 10px 0px #888888;
border-radius: 4px;
}
.page-nav a {
width: 45%!important;
font-size: 16px;
margin: 0 2.5%;
padding: 18px 48px;
color: #fff;
background-color: orange;
box-shadow: 0px 4px 10px 0px #888888;
border-radius: 4px;
}
.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: 33px;
text-transform: uppercase;
font-weight: 600;
}
And here is what we’ve added for phones:
.page-nav a[href$="/2/"] {
width: 80%!important;
box-shadow: 0px 4px 10px 0px #888888;
border-radius: 4px;
}
.page-nav a {
margin: 0 8px 8px 0;
padding: 12px 24px;
}
.page-nav a:last-child i:before, .page-nav a:first-child i:before {
font-size: 16px;
}
.single .page-nav a[href$="/2/"] {
width: 100%!important;
margin-left: 0!important;
}
Hi,
For the footer problem, please try this custom css -> https://i.imgur.com/ov8hnbZ.png
.td-footer-template-wrap .menu-navigation-container .menu
{
display: block;
}
The code need to be set in theme panel> custom code> advance> css > phones.
You already have the copyright set in footer ->https://i.imgur.com/TDUBDug.png
Thank you!
Hi,
Please try this custom css for mobile -> https://i.imgur.com/uGZmJlu.png
.single .page-nav a[href$="/2/"] {
width: 100%!important;
margin-left: 0!important;
}
The code need to be set in section for phone.
Hope this will help you!
Thank you!
Hi,
Please try this custom css -> https://i.imgur.com/MZxMCxe.png
.wp-block-button.is-style-round .wp-block-button__link:hover {
background: linear-gradient(156deg, #ffac4f 30%,#ffac4f 80%)!important;
}
The code need to be set in theme panel> custom code> custom css.
Hope this will help you!
Hi,
This was not helpful. I already mentioned that I had tried this.
I have copied the CSS code: https://imgur.com/hNY9pwZ
The font name appears in the drop-down. However, the titles on my home page are not appearing like it. They auto set to Roboto: https://imgur.com/kC7is04
I have made sure I have set Titling as the Default font in the theme panel too: https://imgur.com/KwQP6mWhttps://imgur.com/KwQP6mW
It doesn’t work. It shouldn’t be this difficult.
Please help.
Thanks