Hi,
Yes, you can show the whatsapp on desktop, all you need to do is to add a custom css
http://prntscr.com/ombasi
.td-social-whatsapp {
display: inline-block;
}
The code need to be set in Theme panel>Custom code>Custom css.
Hope this is what you need!
Thanks.
Hi,
Yes, this can be done with custom css too, if you have more pages will even be more fast using css.
Create custom code with the browser’s Inspector or the Live CSS Box -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
If you need help with this, just let me know!
Thank you!
“The author stylesheet specified in tag ‘style amp-custom’ is too long”
I, like many other recently got an AMP error that the AMP CSS exceed the max size limit. And I’ve tried every thing and can’t solve this problem in my website. Anyone has any ideia of how can i fix it?
Hi Simeon
I trust you are well. I’ve done some more work.
Effectively what this does now is turn module 9 (I moved it from 8) into a kind of news, or other type, listing that is designed to feature aggregated content from other sites – so that when the headline is clicked it takes the viewer to another browser.
In the new version I have added Tags to the type where the content is driven by posts that have a certain category and tags attached (using this post) and deleting the Tag labelling from the td_module.php file.
When the content displayed is driven just by a category, I made the media outlet name a dynamic link that when cliked would also take the viewer to the main home page in a new window (as I am sure you know, this is a common feature of news aggregation services).
Whilst I have cracked the CSS a little I am still not strong enough to resolve all my needs. As an example I took the title field outside of the standard TagDiv placement to get the external URL to work. If I left it where it was it was adopting the a.link class from higher up but I couldnt see where. Obviously, this means any settings made to Block 10 style in the normal editor won’t work – which isn’t ideal.
Also, I think I over-complicated the CSS. My additions are –
/* Adds line under each story */
.td_block_10 .td_module_9 {text-align: left; border-bottom: 0.5px solid #d3d3d3; padding: 0 0 0.5em 0; margin: 0 0 0.5em 0;}
/* headline link details */
.item-details a:link {
font-family:Open Sans;
color:#000000;
font-size:13px;
font-weight:700;
}
a:hover {
color:#459fd3;
}
a:visited {
color:#336980;
}
/* Sets width of box header */
.td-pulldown-size {width: 100px;}
/*sets font style for news details */
.news_details {font-family:Open Sans;
color:#000000;
font-size:11px;
font-weight:600;
padding-bottom: 3px;
}
a:link {
font-family:Open Sans;
color:#000000;
font-size:11px;
font-weight:600;
}
a:visited {
color:#459fd3;
}
In this image you will see the two options along with the issues I can’t fix, https://prnt.sc/om3yp8,
Any help you can give with the CSS would be appreciated.
I am more than happy to then create a clean post for the community, with the code and an explanation of each ACF field etc – and reference the new post at the end of this chain.
I am just experimenting with design options across the entire site at the moment but if you go here, (p/w: he768ijKllmnhp). If you need admin access let me know.
Thanks in advance.
Best wishes
Gary
Thank for the info! The problem is that the sidebar is inside a post and not in a page.
CSS can be the fix for this issue also? If so, where I can do it?
Hi there, i have some config issues, can u help me please?
1 – How can i change the “slide” block height? Even with CSS? I want the image to be horizontal and not vertical.
2 – I want to show AUTHORS in just ONE block type, block 7 in this case. How can I do this?
3 – I want to use flex blocks at the widget area, is that possible?
Hi,
Yes, you can use custom css but the search input search box should be change from theme panel https://i.imgur.com/bJo5kqD.png or from tagDiv Composer.
I do not quite understand, please provide some more details and a link where I can check this search.
Thank you!
Ok, I did this additional css entry – it helped – but dont know if that’s the right way:
.td-black input[type=text], .td-black input[type=url], .td-black input[type=tel], .td-black input[type=email] {
border-color: #333;
color: #111;
background-color: transparent;
}
Please let me know.
Thanks.
Hello !
I would need a link to your page so I can inspect and provide proper css. Please leave all the codes there so i can see the changes you have and help you.
Also for the first issue make sure that your box background is not white.
Thank you !
Hello !
Firstly please make sure that all the theme requirements are met: https://forum.tagdiv.com/requirements-for-newspaper/ If not follow the steps found there to meet all the requirements.
Also take a look at this tutorial regarding page speeed increase: https://tagdiv.com/how-to-increase-page-loading-speed/
Please make sure that you upload your logo at it’s full size: https://www.screencast.com/t/bPR9afpS3xl
For the header bar use this css code: `.td-header-style-12 .td-header-menu-wrap-full {
height: 90px;
}`
The code must be pasted here: https://www.screencast.com/t/J1Nxw5s5
The footer part where you have editor picks cannot be edited but you can choose from a lot of option found in Theme Panel – Footer. Also the Footer info can be edited from there too.
Thank you !
Hi,
Maybe there is a solution. Is the sidebar in a page or post? The composer has an option to hide specific elements, entire rows and columns as well.
So for example, in a page I set two widget sidebar elements – https://prnt.sc/olyipu Configure one with the content you want to display on desktop, and the other one for mobile.
Then hide the one that has to appear on mobile, for desktop – https://prnt.sc/olyk0q
Hide the one that has to appear on desktop, for mobile – https://prnt.sc/olykbq
This would be a solution, as there will be one sidebar for desktop and a different one for mobile.
Or maybe, if you want to use the same sidebar and only remove some elements for it on mobile, it can be done with CSS. A code can be created that will remove specific widgets from the sidebar on mobile.
Let me know.
Thanks
Thanks Vlad,
Yep, that allows me to set a hover state for the links, but it’s the active link that I really want to get at.
Also, it looks like I may have sent you the wrong screenshot. Sorry! This should be the correct one:
As you can see, I can target the CSS for all the links and put them in nice blue boxes etc, but it’s the first one on this list that I just can’t get to. It’s the active page and in that box (a box I can style just the same as the others) should be the word ‘Overview’ in black text. The text is there and shows up on hover but I can’t change it independently of the others. I’d also rather it didn’t hover or link at all on the active page. Is there a way of removing the ‘Overview’ link but still keeping the word ‘Overview’ there? Would be kind of easy in HTML, just need the first item in the list to not be a link. Off the top of my head something like:
But thanks again, I’m sure we’ll work something out!
R
Hello !
Please add this custom css code: .td-main-page-wrap {
padding-top: 0px;
}
The code must be pasted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Navigating away from an AMP page or post will display the mobile theme (non-AMP). So regardless of being on the AMP version of a page, beginning to browse the website there will no AMP anymore.
The logo looks quite small for some reason, looks like it has a limited size. Try to enter this code in the mobile theme CSS section
.td-main-menu-logo amp-img img {
min-height: 100%;
}
It may take a while before changes will be seen in Google AMP. You could try this
– https://developers.google.com/amp/cache/update-cache
Regarding the flag switcher it is the same for me. It does not appear in AMP. From what I can find in a topic they mentioned that for AMP it would be better to use this option
– https://prnt.sc/oltxu2 – https://prnt.sc/oltxwk
– https://wpml.org/forums/topic/language-flags-not-showing-on-amp-pages/
Or consider using the language names instead of flags.
Hello !
In order to hide that category you will have to use a custom css code. Please provide a link to your website in order to offer the best solution !
Mobile theme has a different non-editable design. The Mobile theme was specially designed for optimization on mobile devices. Unfortunately on mobile theme you cannot do much changes of design. If you want to have the same design as on desktop mode you can achieve that by simply disabling the mobile theme.
Thank you !
I’ve seen the enable/disable breadcrumbs globally in the Theme Panel, but is it possible on a page/post basis? Also, I can’t find anything about turning the main menu on/off for pages/posts.
I haven’t dabbled with the page builders much yet and have mostly been using the default Blocks Builder. Are either of these things possible, or does it require additional CSS?
Many thanks!
Hello,
I’m new to the Newspaper theme, so I just want to get something straight in my head. With respect to child themes, it’s clear that you don’t really recommend using them, but I just want to check if any custom code (css, etc) added via the Newspaper Theme Panel, will be deleted when the theme updates? Can someone please advise?
Many thanks!
Hi Vlad,
I have another question regarding Styling the List Menu… I decided to change what I had going above and stick with a more preformatted look.
I’ve been trying to style this but have a hit a problem with the hover and active states of the links. If you look at the CSS you’ll see I’ve targeted each menu item but with a different look for the active page, in this case Overview (menu-item-656).
I can adjust the CSS so that a:link and a:visited change colour, but not a:hover or a:active. Any ideas?
Here’s the CSS:
.menu-item-644,
.menu-item-643,
.menu-item-642,
.menu-item-641,
.menu-item-640,
.menu-item-639,
.menu-item-638,{
background-color: #43b3e7;
padding-top:3px;
padding-bottom:3px;
padding-left:5px;
padding-right:5px;
margin:5px;
}
.menu-item-656 {
padding-top:3px;
padding-bottom:3px;
padding-left:5px;
padding-right:5px;
margin:5px;
border-style:solid;
border-color:#999999;
border-width:1px;
}
a:link {
color: white;
}
/* visited link */
a:visited {
color: red;
}
/* mouse over link */
a:hover {
color: black;
}
/* selected link */
a:active {
color: black;
}
And here’s a screen shot:
So with the above example, it hovers over in red (not black as stated in the CSS) and the active page is red (not black as stated in the CSS).
Cheers!
Rich
Hello !
Here is the css code in order to remove it: .footer-text-wrap .block-title {
display:none;
}
The code must be pasted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hi,
In order to sow the share buttons you can sue this custom css -> http://prntscr.com/oldk2t
.single .td-social-sharing-hidden .td-pulldown-filter-list {
display: grid;
}
.single .td-social-sharing-hidden .td-social-handler{
display: none;
}
Hope this will help you!
Thank you!
Hi,
That could be done in two ways. The first one and how it should be done, is to use a cloud header template – https://cloud.tagdiv.com/#/load/Headers
Import one and modify it or create your own, these can be built with the composer so you can add as many header logos as you want – http://prntscr.com/old9vi each with their own image and URL. Here is a guide for the cloud library plugin
– https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
The second one would be to edit the default header template files, these are supposed to display only one logo. They can be modified in a child theme (after the 9.7.4 update) so you can copy the one you want and modify it.
For example header style 1, copy it from here – http://prntscr.com/olddbm
To here – http://prntscr.com/olde07
Then you can modify it to display another logo, something simple would work but it depends on the header used
– https://forum.tagdiv.com/topic/can-i-put-an-additional-linked-image-next-to-the-header-logo/
Additional CSS may be required in order to make this display and work correctly.
Thanks
Hi,
I have checked your website and I saw that you have added a custom border at your header container and that’s why, on some devices, the ad spot falling down. You need to remove it with the code below:
.td-header-container{
border:none!important;
}
Also, if you want to keep that border, you will need to add your code in the Advanced Custom CSS code section from here -> https://www.screencast.com/t/NFdEJzR6J Also, please note that when you add this border, practically you will add 1 px for both directions (left and right) and also, you will increase the width with 2px and that’s why your header will look broken.
Thank you!
Hi,
Yes, you can set a background gradient color on header, this can be achieve using custom css or using a header from tagDiv Cloud Library, click on the header zone and set the background gradient -> https://prnt.sc/olc1qh
Also I do not quite understand the second one ” theme color (fonts)”, are you referring to theme accent color ? https://prnt.sc/olc2p9
Thank you!
I have a similar question:
I am able to filter out categories in the ‘block’ widgets. However, I want to do the same in ‘Popular Categories’ or ‘Category’ widgets, which are simply the lists of categories and the count of posts in them.
Most of my posts have two categories: ‘type of article’ and ‘type of disease’, you can say. I want to eliminate the 5 categories that are for the ‘type of article’ in the categories list. And, have the categories list display only ‘type of disease’ articles.
If it helps, my website is: healthsachet.com
I know the 5 IDs to remove. But, don’t know where to type them, with a minus sign before them? Can I use some css code for this?
Thanks in advance.
Hello !
Unfortunately WP Rocket plugin is an untested plugins by our developers so we cannot offer support for it. We are sorry for the inconvenience!
You can try the option a user sugested: WP Rocket > Settings > File Optimization > CSS FILES > Uncheck Optimize CSS Delivery.
Thank you !
