- 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
Our site is not displaying correctly. CSS does not load because of redirects with incredible resource consumption since the last update
I wanted to change just the Hyperlink colors of my website https://www.pakdefense.com. I have used the code in Custom CSS as
.td-post-content a {
color: #3a7987 !important;
}
But, this code is not changing the color of my hyperlink. Please look at this page, as this page has several hyperlinks
https://www.pakdefense.com/privacy-policy/.
Please Guide me the procedure to change the hyperlink of my theme with this code. Thanks in Advance…
Hello,
1. The alt tags were added inthe composerr code as empty alt tags. It will not grab the alt tag of the iamages on the composer elements. I have added this to our list for future updates and we will fix it in future releases.
2. Yes, it was disabled for mobile devices and can be enabled by removing the mentioned code.
3. Unfortunately with background images, you will get a responsive issue as they cannot display as a standard img tag, but rather they are added as a css backgorund-image property and that will not scale as a standard image when on narrow screens.
Thank you!
Hello,
Try this css:
.td-category-siblings .td-category{
height:50px!important;
}
.td-category-siblings .td-category a{
padding: 12px 12px 12px 12px!important;;
}
Thank you!
For example in the full big grid, first the modules are separated by an invisible border
– https://www.screencast.com/t/dtygC6hTpKQf
You could reduce that border with this result
– https://www.screencast.com/t/UuWmeVGjKoTk
The space between the 4 smaller modules could be reduced like this
– https://www.screencast.com/t/kl8Yn8hqfb
Increasing the values to create more space, maybe like this
– https://www.screencast.com/t/OSmf9tJYi
These are both codes used in the example
– https://pastebin.com/acTkHqvk
You could experiment with them, and the browser inspector
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/’
Also there is the Live CSS editor, so you can see live what you are doing as you do it
– https://www.screencast.com/t/cdvsSRtYsC
please show me screenshot where i need to change this in CSS
Hello,
If you want to remove the title for all category titles, you can hide it with css like so:
.category .td-page-title{
display:none;
}
Thank you!
Hello, I would like to adjust the size of the category boxes, and in particular: make them bigger.
The category labels here: https://www.screencast.com/t/wdyFy0jWNp9r
Now I know that I can change the padding etc. with custom CSS, and the box will be larger. However, the box seems to be wrapped inside an element, so I can’t adjust the height.
See here: http://www.screencast.com/t/pgVPhHgXY
Does anyone now which part of CSS I have to adjust to remove this “wrap”? So the box will adjust to my customized padding?
Thanks so much for your help!
Hello,
Please check the css tab and add a negative margin to the row like a -20px for example: https://www.screencast.com/t/EdYke49TSt0
Thanks
Hello Saikological,
Use the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.td-tags a {
color:red;
}
The result is here -> https://www.screencast.com/t/7VxIqy2MNH
Thanks.
Hi,
There is a general setting in the theme panel regarding modules and reviews
– https://www.screencast.com/t/7pd1RWBLZK
If that is enabled, the modules will display the review stars instead of the author, date etc. If you disable it, the review stars will not show, instead there will be the author, date etc.
A specific setting for individual modules is not available, only this general setting. So if you want the stars to be removed only for a particular block, maybe this could be done with CSS. I could take a look if you can provide a link to such a page/post. Note that the code will hide the stars, the author name and other meta will still be disabled.
Thanks
Hello Nick,
Try to use the code below and place it in Theme panel -> Custom CSS area.
.td-related-left, .td-related-right {
background-image: url(https://demo.tagdiv.com/newspaper_craft_ideas/wp-content/uploads/2017/03/header-bg.png)!important;
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
padding-bottom:10px!important;
}
The result can be seen here -> https://www.screencast.com/t/uRMBQhUFBii9
Thanks for your understanding!
Hi,
CSS minification could create problems. You could try to minify it manually
– https://cssminifier.com/
Or try as suggested here, some users seem to mention total cache minification creates problems with the theme
– https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
Thanks
Hi,
So you want to remove the login only on mobile, like this
– https://www.screencast.com/t/uk9DeaYIrHfz
Enter this code in the Theme panel->Advanced CSS in the phones section
.td-menu-login-section {
display: none;
}
Thanks
Hi
I’m using W3 Total Cache to optimize my website, but when I use Css minify function (http://prntscr.com/jr0uqe) but the sidebar go down under posts (http://prntscr.com/jr0u2h)
SO, please show me how to fix it
thankw
Hi,
Thank you for your reply. The block that you referred here: https://forum.tagdiv.com/topic/post-look-color-change-excepts-gradient-background-color/
is block 22, when I click “Edit with TD Composer ” I can see or edit this block that you mentioned on the related topic. It allows me to edit. I can also change the color with CSS code and I have already changed the color to green :). That is ok.
But I can not change this block or grid here, and the TD Composer does not allow me to edit these grids, also it does not show me the name of block. Here(when clicking any category); https://demo.tagdiv.com/newspaper_blog_health/category/health/
https://imageshack.com/a/img921/2721/8HzxbE.png
Hi Catalin,
I don’t understand is why it’s so difficult to change a background image of a block header.
Previously Simion C. answered me this: https://forum.tagdiv.com/topic/excerpt-not-shown-on-blog-page-change-background-of-headers/
He advised me to go to Newspaper/includes/demos/craft_ideas/demo_styles.css
Change the code in line 175 from
background-image: url(“images/header-bg.png”);
to
background-image: url(“http://reisdromen.com/wp-content/uploads/2018/03/Brush-stroke.png”);
When I changed the background image in the code, the same problem appears. I would really appreciate it when you ‘d like to give me some serious advice.
I look forward to your response.
Nick
Hello Zamara,
1)Sorry, the theme does not have any such an option that allows you to change this position for comment count. You should do it yourself, using such a custom CSS code for that.
2)How do you want to change the category button?. Provide more details about this changes so I will be able to provide a more accurate response.
Thanks.
Hello salahsaqr,
If you want to remove the border-bottom of the menu items you should use the code below and place it in Theme panel -> Custom CSS area.
The code is ->
li a:after{
display:none;
}
The result is here -> https://www.screencast.com/t/oAYlzF2P
Thanks for the message!
Hello Nikolaas49,
Please notice that is not a simple task to add that image to the Related Articles section, sorry! The theme has not been designed to be used something like this. Try to change the block header and try to adjust the design from CSS and if you cannot do this, please consider hiring a freelancer/developer to help you!
Thanks for your understanding!
Thanks, I can see several options now possibly with css, but this may be one. I’ll give it a go, thanks again.
The update should be released this week. In regards to your issue, please provide some more details about what you are doing and what is the problem. There are page templates you can use for each page
– https://www.screencast.com/t/klsp4dfuKyfG
The tagDiv composer also has border options for most elements, check the CSS tab
– https://www.screencast.com/t/gTYg0WVGq
The text in text elements will provide the option to enter it through the WordPress editor
– https://www.screencast.com/t/Ip4k3Ggz5On2
Also there are font settings for most post content elements (by individual element, not general)
– https://www.screencast.com/t/HKdniwbi
Thanks
Hello,
Different blocks have different implementation for the excerpts. You can change the block to one that does not use excerpts or you can use css to hide the excerpts for your current blocks. We can provide the needed code if you provide a link to your site so we can inspect the blocks.
Thanks.
Hello imghani,
The code should have to be added to Theme panel -> Custom CSS area.
Thanks.
Hi,
It would be possible, the easiest way would be with CSS code. That is the homepage, so a code like this will remove the logo only in it
– https://www.screencast.com/t/zUffsTNpnw2
This is the code, it can be entered in Theme panel->Custom CSS section
.home .td-header-style-9 .td-logo-wrap-full {
display: none;
}
Thanks