- 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
Dear Calin,
just sharing that after adding the 4-5 big images blocks at the top of the page, while giving a much better graphic appearance to the website, the loading speed decreased a lot:
going from A on Gtmetrix to C about performance and on Google Page Insights too it decreased, mostly for the mobile ranking.
I already had among others the lazy load and minifications for html and css enabled.
I like your feature but if you could consider to speed up the loading time in the future, I’ll appreciate. Thanks a lot!
Hello @Anamaria,
I think it must be some kind of mistake. Using a mobile device, the menu is shaded in the home page, in categories… But it doesn’t have a shadow on the items, which is where I want.
I don’t know if it happens in all the items, but in most of them it does.
Can you add it there if you use css?
https://fotos.subefotos.com/5f8bb8001fcf24927f881d2d0bff514eo.jpg
Gracias
Hello,
This setting is by default, there is not an option for this. Please see if you don’t have some code CSS, what makes it disable.
Please provide a link to your website.
Thank you!
Hello, I am setting a featured image on a page but it’s not displaying on the page. No issue with posts and I cannot find any setting that disables the featured image on a page nor can I find any css hiding it. Am I missing something?
Hello,
You can hide the share buttons and like using tagDiv Composer => https://www.screencast.com/t/Zuq9QCRbRpyE , selected the element => https://www.screencast.com/t/Z2McXsEPau and in CSS you can select the hidden display => https://www.screencast.com/t/JxIEt20sF -> https://www.screencast.com/t/5smqhGWDT7
Hope this helps you!
Thank you!
Text on sidebar block headings is not consistent and I’m having trouble adjusting it.
I have run out of options for adjusting the text on sidebar headings other than using CSS code (I am not good at it) but I am having trouble getting the code right.
Installed Newspaper 9 with the Default Demo initially (2 years ago) but upgraded and converted and no longer using the tagDiv Standard Pack plugin.
On the homepage https://testsite.northdallasgazette.com/
Image: https://testsite.northdallasgazette.com/wp-content/uploads/2021/01/Sidebar-Heading-1.jpg
On another page: https://testsite.northdallasgazette.com/index.php/ndg-live-video/
Image:
https://testsite.northdallasgazette.com/wp-content/uploads/2021/01/Sidebar-Heading-2.jpg
I want them both centered with the font size of the larger one (19px). I followed the instructions for using the browser’s Inspector here and could only come up with the following code but it does not work.
td_block_templete_14 widget .td-block-title a {
font-size: 19px;
text-align: center;
}
Please help.
Hello,
I want to remove margins of an element’s background in mobile view. I even added custom css to do it but, it only removes left margin. Could you help please?
Desktop view: https://ibb.co/V3ZkWR5
Mobile view: https://ibb.co/p3SJvvw
Custom css: https://ibb.co/12KPZWN
ERROR: The package could not be installed. The theme is missing the style.css stylesheet.
i can’t upload and activate the theme – it gives the above error/
Hello team,
On a website I use a design from the cloud library.
In the other website I use the tagdiv mobile plugin.
I would like, if possible, to add the same shadow under the header (menu), to the version that uses the tagdiv mobile plugin.
I know that tagdiv mobile plugin does not allow design changes, is it possible to add this shadow through custom css?
And another question I have is, is it possible to change the design of the menu button too if I use the tagdiv mobile plugin?
Thanks
Webs:
Hi – Thanks for your suggestions. I still need help with your first one. The second one is resolved. The third one is resolved, but not in the way that you suggested.
1) You suggested to change the images to 300×250 (from 300×300) -> https://i.imgur.com/PaHY1Y2.png
See my screen shot: https://ibb.co/6nJQ4pq
As you suggested, I changed the image on the right to be 300 x 250 (the other two, i did not change). This did not help. Also, there is no control for the padding or borders around the individual images in the image block, using tagDiv Composer. Unless I did not understand what you suggested!
2) For the sidebar image alignment, you mentioned the different width and margins that were set on the element https://i.imgur.com/rG2xch9.png I removed them as you suggested, and it’s great – thanks
3) For my Text Alignment problem, I pasted your custom CSS into the Theme Panel > Custom Code > Custom CSS. It did not work. But, when I pasted it into Live CSS, it worked perfectly.
.td_block_image_box.td-image-box-style-2 .entry-title a {
padding: 0px;
}
Thanks for the great technical support!
Hello!
Please use this CSS code:
.tdb-featured-image-bg {
border-radius: 9px !important;
}
Copy and paste this code here: Newspaper -> Theme panel -> Custom code -> Custom CSS.
Hope that helps you!
Thank you!
Okey, I understand it, but what block I must add to this page and what CSS write inside it?
I use “tdb_single_bbg_featured_image” for main block in single page templalte
Hello,
You can hide the share buttons and like using tagDiv Composer => https://www.screencast.com/t/Zuq9QCRbRpyE , selected the element => https://www.screencast.com/t/Z2McXsEPau and in CSS you can select the hidden display => https://www.screencast.com/t/JxIEt20sF -> https://www.screencast.com/t/5smqhGWDT7
Hope this helps you!
Thank you!
I want to use Smush Pro cdn but it doesn’t work with your theme. I don’t want to change your theme. I shared with you the answer they gave me when I wrote to the Smush pro team.:
It seems that the way the theme you’re using is built, doesn’t allow Smush CDN to be used in most cases. This is happening because Smush CDN requires images to be added via img tag or inline CSS
Hello!
If you don’t have the option for this , then you can use CSS code and apply it in theme panel.
Thank you!
Hi,
It looks that is ca css problem.
please try this code https://i.imgur.com/310fqzp.png
body #td-outer-wrap .block-mega-child-cats {
overflow-x: hidden;
overflow-y: auto;
max-height: 252px;
}
Set the code in theme panel> custom code> custom css.
Hope this will help you.
Thanks for your reply Calin.
The CSS has fixed the alignment of the breadcrumbs, thank you.
For the dropdown menu, I have this setting enabled via the Theme Panel – plus the Top Posts style. But this isn’t having an effect: https://imgur.com/a/kQuXeNv
I changed the Top Posts style from Grid 1 to Grid 3, which means that only three posts are now not showing – rather than five. The theme panel settings are having an effect in that sense. All three are the most recent:
- https://www.boroguide.co.uk/articles/2020/03/three-fa-cup-memories/
- https://www.boroguide.co.uk/articles/2020/11/stevenage-v-concord-rangers-preview/
- https://www.boroguide.co.uk/articles/2020/11/stevenage-v-hull-city-preview/
So, for some reason, neither the dropdown menu or top posts grid aren’t showing. Looking at the category template source code, I can’t work out why that might be.
I will investigate the pagination issue separately, thank you for the suggestion.
Hello,
You are probably uploading the whole theme package. You have to upload only the theme zip file, not the whole package which contains other items
– https://help.market.envato.com/hc/en-us/articles/202821510-Theme-is-missing-the-style-css-stylesheet-error
Install via WordPress -> https://forum.tagdiv.com/install-via-wordpress/
Install via FTP -> https://forum.tagdiv.com/install-via-ftp/
Let me know the results!
Thank you!
Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme installation failed.
Hello,
Please insert this code in Theme Panel -> Custom Code -> Advanced CSS -> Phones
body .td-header-wrap .td-header-menu-wrap {
background-color: transparent !important;
}
body .header-search-wrap .td-icon-search
{ color: #fff !important;
}
body #td-top-mobile-toggle i
{
color: #fff !important;
}
Will look like this => https://www.screencast.com/t/FmkugC6AuA .
Hope this helps you!
Thank you!
Hello !
On the elements that you are using it is not possible to use a css, you will have to use tagDiv Composer and assign a +40px margin top css: https://www.screencast.com/t/3jaNfc6Nf1Eg
Even in our demo it gets cut: https://www.screencast.com/t/IuPs4h2AyK
Thank you !
Hello !
Please try this css code: .td-mobile-content li, mmenu-item-0{
border-bottom:2px black solid;
}
Thank you !
Hello !
That will not work with CSS. for this you will need to use tagDiv Composer on your layout, add an AdBox Element under your title, and insert the adsense code in it: https://www.screencast.com/t/hdQGXUiIbP in the custom add you will have to insert the code.
Thank you !
Hello !
That will not work with CSS. for this you will need to use tagDiv Composer on your layout, add an AdBox Element under your title, and insert the adsense code in it: https://www.screencast.com/t/hdQGXUiIbP in the custom add you will have to insert the code.
Thank you !
For reference, I haven’t checked anything. After installation, the default status, css reduction, and Java reduction are all unchecked.
