- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hello,
Is there a way to use two different templates for mobile and desktop users for a specific category.
Right now when you go to the theme panel —> Categories —> Per category settings, you can select a ‘Post Cloud Library Template’, however, this template is the same for both desktop and mobile users.
Is it possible to have two ‘Post Cloud Library Templates’, one for desktop and another for mobile users? Currently, the ‘Single’ post templates allows you to adjust CSS settings and the layout for mobile users, however, it doesn’t allow you to remove elements and make them desktop only. If you have an element e.g. ‘Flex Block 1’ you can’t remove it from mobile, while keeping it on desktop for the same template.
I also understand that the mobile theme is available, however, it uses the same post template for all categories, which is limited in terms of customisability.
Let me know your thoughts,
Thank you
Hello, we deactivated WPBakery plugin but the background ad is not working yet.
The piece of code below seems to hold the boxed layout on it’s place but it affects the click on the background ad. Here’s the piece of code:
@media (min-width: 1180px){
.td-boxed-layout #td-outer-wrap {
width: 1071px!important;
}
.td-boxed-layout #td-outer-wrap {
position: relative;
top: 120px;
margin-bottom: 120px;
display: block;
margin: 0 auto;
}
}
and here’s the full custom css that we have on our theme panel
.td-big-grid-post .entry-title a{
color: #faf65f !important;
text-shadow: 0 1px 0 black;
}
.td_module_wrap:hover .entry-title a{
color:#B8AF00 !important;
}
.td-header-style-2 .td-header-sp-logo img {
max-height: 160px !important;
}
.td-header-style-2 .td-header-sp-logo{
height: 165px !important;
width: 142px !important;
}
.td-header-sp-recs{
width: 870px !important;
}
.td-header-rec-wrap{
margin: 31px 0 0 106px;
}
.td_block_related_posts {
margin-top: 50px;
}
.block-title > span, .block-title > a, .block-title > label, .widgettitle, .widgettitle:after, .td-trending-now-title, .td-trending-now-wrapper:hover .td-trending-now-title, .wpb_tabs li.ui-tabs-active a, .wpb_tabs li:hover a, .td-related-title .td-cur-simple-item, .woocommerce .product .products h2, .td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more{
background-color: #ddd !important;
}
body{
background-color:#f5f5f5;
}
/*.td-footer-wrapper .block-title span, .td-main-content-wrap, .td-banner-wrap-full, .post{
background-color: transparent !important;
}*/
.td-container, .tdc-row, .tdc-row-composer {
margin-right: 1px;
margin-left: 1px;
}
.td-post-next-prev-content{
background-color: #fff;
padding: 15px 25px;
box-shadow: 1px 1px 2px #2F2F2F;
}
.td-post-next-prev-content span{
color: #000;
font-weight: bold;
}
.td-block-row [class*="td-block-span"]{
padding-right: 15px;
padding-left: 15px;
}
.td-block-row{
margin-left:0px !important;
margin-right:0px !important;
}
.td-post-prev-post{
margin-left: 9px;
margin-right: -16px;
}
.block-title, .td-related-title, .wpb_tabs .wpb_tabs_nav, .woocommerce div.product .woocommerce-tabs ul.tabs:before{
border-color:#000 !important;
}
.td-related-title .td-cur-simple-item:hover{
color:#B1A111;
}
@media screen and (max-width: 767px){
.td-header-rec-wrap{
margin:0;
}
.td-header-style-2 .td-header-sp-recs{
width: 100% !important;
}
}
@media (min-width: 1180px){
.td-boxed-layout #td-outer-wrap {
width: 1071px!important;
}
.td-boxed-layout #td-outer-wrap {
position: relative;
top: 120px;
margin-bottom: 120px;
display: block;
margin: 0 auto;
}
}
.td_block_wrap .block-title span{
color: #000 !important;
}
.author-box-wrap{
margin-top:30px;
}
.td-pb-article-list .td-pb-span8 .td_module_wrap img, .td_module_16 .entry-thumb{
width:73%;
}
#stickyunit {
position: fixed;
}
#r7-footer-portal-holder{
background-color: #ECEEEF;
z-index: 999999999999;
position: relative;
margin-top: 120px;
}
#ajax-load-more .td-tags li,
#ajax-load-more .td-category li,
#ajax-load-more .td-classic-facebook,
#ajax-load-more .td-classic-twitter{
padding: 0px;
}
#r7header {
background-color: #0071bc;
display: block;
height: 60px;
text-align: center;
width: 100%;
}
.alm-listing li{
padding:0px;
}
.alm-listing ol li{
margin:0px;
}
.alm-listing .td-post-content li{
margin: 0 0 0 60px;
overflow:visible;
}
.alm-listing .td-post-content ul li{
list-style: disc;
}
.alm-listing .td-post-content ol li{
list-style: decimal;
}
/*.td-affix .td-header-main-menu{
width: 1057px;
margin-left: 10px;
margin-right: -22px;
}*/
thanks,
i have responsive version
but i want remove all codes from header.php file or disable them from style.css file
Hello,
Please let me know what version do you use for mobile.
If you have a mobile page or responsive version edit with tagDiv Composer, and you can delete the elements with a right-click => https://i.imgur.com/CA0Ww5V.png, or selecting the element and with drag & drop place into the deleting red zone from the bottom right of the page
For mobile theme plugin, you need to use some custom code CSS, please check this topic https://forum.tagdiv.com/topic/i-want-to-remove-the-list-and-searh-button/
Thank you!
Hi aportamedia, we didn’t tested the WP Rocket plugin, but it is possible to be related to some css and javascript options, please check them and see if you can find the option that causes the problem.
Thank you!
Hi,
I made some teste on our live demo https://demo.tagdiv.com/newspaper_animals_pro/category/biology/ but I was not able to recreate the problem. Maybe this problem it is because of some css or some settings, can you please provide a link to your website to check it? Fi you do not want to share your link here you can contact us via email at contact@tagdiv.com and include the link of this topic to can identify you.
Thank you for your understanding!
Posts show error after css analyzer what can be? http://www.serbiannews.ca direct link to post https://serbiannews.ca/?p=22187
Hi fatih-2, unfortunately, there is no option to check and see the hide elements, usually those are hide per port view https://i.imgur.com/U00YXnx.png if you do not hide it on all of theme, then select one where this is display select it and after that change the view port where it is hide.
Another solution it is to add a custom css like this one: -> https://i.imgur.com/obrxzMW.jpg -> https://i.imgur.com/C0g3rtv.jpg
The code is the one provided by Anamaria.
If you do not did like this, please let us know the steps you did.
Thank you!
Another query, I am setting up a page for videos, and when I put a dark background the text of the videos is dark. Any CSS to add to make the text blank?
In the videos category template and on the page where you see the video Template 11
Thank you
Meanwhile there is also the possibility to assign a Z-index in the CSS area. This allows you to move the overlaying elements into the background.
I am trying to remove the background image from Default Pro footer but can’t find a setting that will help me remove it. Changing the background with CSS does nothing. Please help!
Hello,
I verify your website on my phone and seems to work well https://www.screencast.com/t/x86p69NG0xYd
Please let me know what cache plugin you use, also, do you use some plugins to optimize the CSS?
Thank you!
Hello,
This is strange, but you can change the color of the border with custom code CSS https://i.imgur.com/0QFtOWB.png
.td-lifestyle .td_block_template_8 .td-block-title:after
{
background-color:#a22;
}
If you want to change the color only for that block, you need to add an extra class on the block and add the class to the custom code.
This code needs to be set in Theme Panel -> Custom Code -> Custom CSS.
Thank you!
Hi bigdaddyemily1989 ,
The “Coolest Vanity Apps …” it is the post title that it is display on the slide element, for that you can remove the post title only with custom css, like this one:
-> https://i.imgur.com/wf4DGkz.jpg
.td_block_slide .td-module-title {
display: none;
}
This code need to be set in theme panel> custom code> custom css.
In case that this is not apply, it is possible to have other element, so please let me know the name of the pre-build website you have installed -> https://i.imgur.com/O22apeu.png
Thank you!
Hello!
If there is not a height, then if the ad is an image you can add the height when you upload the image, or you can add maybe in your ad code. Please note that it could be displayed with some spaces between ads and other elements, so you should adjust it from the CSS tab.
Thank you!
Hi there! I’m upgrading from Newspaper 7 to the latest release (11.2) and everything seems fine except for the fact that the background ad is not clickable, even if a URL is set.
I found other topics here and added the suggested code below to the CUSTOM CSS area:
td-boxed-layout #td-outer-wrap {
max-width: 100%;
}
body.td-background-link .td-container-wrap {
cursor: auto;
width: 1164px;
}
It still doesn’t work.
You can test it here:
https://www.tmdqateste.com/2021/08/04/the-offspring-vacinas-doutorado-dexter-holland/
Thanks.
Hello!
I tested on my end and I saw it on your website: https://www.screencast.com/t/bfLziinmzeki
Of course, after this image, some CSS does not allow alt text on them. So, please check which plugin is used for the content of the posts.
Thank you!
Hello,
You need to use some Custom Code CSS to align the comment count like this https://i.imgur.com/1XsI7iq.png
This is custom code CSS =>
.td-module-comments
{
float: inherit;
display: inline-block!important;
}
Set the code in Theme Panel -> Custom Code -> custom CSS.
Thank you!
Hi there, I was trying to use the CSS analyzer on my website and trying to remove or compress any unused CSS on my pages. But the system isn’t working. When I try to analyze it shows a list of unused CSS on my pages but doesn’t show me or drop-down details of it. Also whenever I try to click remove or something else it doesn’t work. I also deactivated all the additional plugins to see if any of the plugins are causing the problems, but the results are the same.
Hello,
Please check the live CSS => https://i.imgur.com/ACsDrFL.png -> https://i.imgur.com/v74mkD9.png or custom CSS -> custom code from Theme Panel https://i.imgur.com/7lRxjg9.png to see if you don’t have a code to hide it.
Also, please make sure you have the ToTop Button enable for mobile from Theme Panel -> Template Settings for mobile https://i.imgur.com/HcrpU6O.png
Thank you!
Hello,
To change the background image, please edit with tagDiv Composer, select the row and go in the tab called “CSS” => https://i.imgur.com/N5ruGa8.png -> https://i.imgur.com/58uEsjU.jpg you can remove or change it.
Also, for icons from the menu please check this article https://forum.tagdiv.com/how-to-add-icons-in-menu/
Thank you!
Hello!
Edit the mobile version with TagDiv Composer from the mobile viewport https://www.screencast.com/t/XDQJedlggSB ; Check if you have on the row a width set up in the CSS tab, delete it and try again.
If the problem is still there, then make a full backup, contact us via email at contact@tagdiv.com and provide the following:
– admin url and credentials
– a link to this topic in order to identify you
Our team will take a look!
Thank you!
Hi turma99, indeed there it is a css problem on the images subtitles on AMP and this is on our list and will be fixed.
For the moment the solution provided by Amit it is the quick fix that will be integrate in the theme.
Thank you!
