ok,
can you provide me a css line (or what class I have to modify) to have the gallery filling always the maximum height (100% height) of the screen, both in desktop and in mobile?
Or can you provide me an alternative gallery (by plugin)
thanks,
Simone.
Hello @cavalrydesign!
Please check the tablet viewport: https://www.screencast.com/t/YUVUcyrgh and see the padding there. Click on the element and on the rows and for sure you’ll find the paddings set up in the CSS tab.
For your reference: https://www.screencast.com/t/1VT0PTczGLu3
Thank you!
Hello,
Is it possible to edit custom CSS for each page using “Tag Div”?
Please tell me how to edit.
I come back to you concerning the first thing (hide menu and search bar), the problem is that this CSS code also hide the social network icons on the top of the right on every screen (desktop, tablet)
[class^="td-icon-"]:before, [class*=" td-icon-"]:before
{
display:none;
}
For the favicon, I’m still working on it.
Thanks,
Hello,
I’ve been trying to add entry animations to the website elements as the user scrolls down to it,but nothing seems to be working. I’ve added the “animate on scroll” js & CSS to the site, but even after adding the animate class to the element’s extra class, nothing still happens.
Please this is urgent as I am on a tight schedule. How do I add animate on scroll to the website elements. Thank you
I’ve tried all 3, but this does not help. Perhaps you can tell me which CSS file takes care of this menu?
Hello @leejaehak!
Please check if you have active and you use the tagdiv CSS Analyzer, click on “Remove generated CSS” and see the results.
Please check our step by step tutorial about the tagDiv CSS Analyzer here: https://www.youtube.com/watch?v=tnkVapqhIHc&t=1s
Hope that helps you!
Thank you!
Category Page tagDiv Css AnalyzerProblem…
The first category page doesn’t matter, but the second page is broken.
All of the category templates do.
It’s been like that for a long time, and I don’t know if it’s a bug or not, but it hasn’t been fixed yet.
could you guide me for the custom work or CSS?
I’m using the Newsweek pro demo as the base theme for my website, however the account menus are not like the demo and there doesn’t appear to be any way to change the colors.
https://prnt.sc/26ez0ba
https://prnt.sc/26ez0e3
My website: https://prnt.sc/26ez0i9
Newsweek Pro Demo: https://prnt.sc/26ez0qu
Will I have to edit everything through CSS?
Hello,
Thanks for your explanations, the problem for the menu and search bar is fixed with CSS code.
For the favicon, I did all these steps:
– To add the favicon, in Theme Panel -> Header -> Logo and Favicon
– Customize icon -> Site identity -> Site icon -> Change image -> publish
– Clear the cache
The favicon appears everywhere (Desktop and Android) but not on iPhone, I still have the WordPress favicon in this case…
Do you have an idea ?
Hello,
You can hide the menu and search with this custom code ->
https://i.imgur.com/nnFXrQs.png
[class^="td-icon-"]:before, [class*=" td-icon-"]:before
{
display:none;
}
This code needs to be set in Theme Panel -> Custom Code -> Custom CSS.
Please check this topic with a similar issue about favicon
https://forum.tagdiv.com/topic/favicon-isnt-working/
Thank you!
Hi,
Can you please provide some examples some screenshots and a link where I can check those bullet point, in this way will be easier to understand. Maybe this can be done with some settings, if not I will try to help with a css.
Thank you!
Hi,
This effect is because the background image is loaded using css https://i.imgur.com/WOzycXv.png and this will load slow, when the image is set in an image element that is using html code like “Single image”, then this will be load faster because, fist it is load all the html and only after that the css.
Thank you!
Hi k.nagesh,
Yes, that can be done, but will be a little difficult, because need to be checked the entire website to look good. Also some elements will not adjust, for example most of the blocks will not adjust.
Now, here is a custom css, that will work for the posts layout:
.single .td-container {
width: 1221px;
}
.single .td-pb-span8 {
width: 66.66%;
}
.single .td-pb-span4 {
width: 33.33%;
}
Thank you!
Hello,
I would like to hide the “hamburger” / menu bar and also the search bar on mobile, I’m using the Ink Parlor prebuilt website (with the original header) but I didn’t find any settings in the Theme Panel for hiding this, do you have a solution or the CSS code to type ?
Second point, about favicon, in the Theme panel, I uploaded the favicon in 16×16 and also all sizes asked for iOS Bookmarklet but on iPhone, the favicon doesn’t appear, do you have a solution ? 
Thanks,
Hi,
After install any prebuilt website, the homepage and the news page are shown in duplicate and CSS code is displayed in between
Please check here:
https://poetasdelbicentenario.com/
Newspaper Theme version 11.4
Worpress 5.8.3
PHP 7.4
No errors in log
Regards
don’t know if it’s still interesting for this thread, but I found this solution after searching for a while:
Add CSS Custom Code in Theme Panel
.has-drop-cap:not(:focus)::first-letter {
background-color:#01c4c4 !important;
}
You can see it in action at the bottom of this page:
https://www.massimobasso.com/templi-di-girnar-hill/
Hi,
For that you can use this custom css -> https://i.imgur.com/08argJ4.png
body .td-make-full {
width: 1200px;
}
Just change the width number and the menu will be automatically align left and right.
Thank you!
Hello,
It seems that this method no longer works, because now it does not load all CSS, only CSS that is set on the element.
You can set the social counter with tagDiv Composer and create the sidebar with tagDiv Composer -> https://forum.tagdiv.com/sidebars-tutorial/
Thank you!
Hi,
Please try this custom css:
@media only screen and (min-width: 768px) and (max-width: 785px) {
#menu-main-menu-1 li a{
padding: 0px 12px!important;
}
}
@media only screen and (min-width: 1018px) and (max-width: 1033px) {
#menu-main-menu-1 li a{
padding: 0px 28px!important;
}
}
@media only screen and (min-width: 1140px) and (max-width: 1236px) {
#menu-main-menu-1 li a{
padding: 0px 34px;
}
}
Set the code in the theme panel > custom code> custom css.
I hope this will help!
Thanks for help,
Hover effect is working now.
Can you please suggest on some custom CSS code to expand my head to full screen with freedom to define required padding at left and right. It would be a great help.
Hi,
Please replace the above css with this one
.td-mega-menu-page a:hover {
color: #4db2ec;
}
This should work.
About the menu align only if you chose a different header style -> https://i.imgur.com/E06AoMs.png or with some custom css.
Than you!
Hi,
Do you use extra plugins? Do you have some custom changes for the WP?
Please make sure that the theme requirements are set like in our guide https://forum.tagdiv.com/requirements-for-newspaper/ and the WordPress permissions are like here -> https://www.malcare.com/blog/wordpress-file-permissions/
Also in case that you have custom settings in .htaccss, php.ini, wp-config.php … please make a test using de default settings.
Thank you!
Hello,
So, I understand you want to have like this -> https://i.imgur.com/HQwvrWG.jpg, right?
You need to use a custom code CSS
.tdm_block_list .tdm-list-item .tdm-list-text{
width: calc(100% - 25px);
float: right;
}
If it does not align properly, the px value must be changed.
Thank you!
