- 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
Hello,
when modifying td-css-generator.php, the modifications are not visible on the page. How do I disable the generators cache or invalidate it?
Thanks
I found a temporary solution to the drop-down menu not centered. Paste this CSS code using the Live CSS option or by going to Customize > Additional CSS. I haven’t tried on other sites, but only in mine. So I don’t know if it will work for you too. I hope so 🙂
.sf-menu > li.td-normal-menu > ul.sub-menu {
left: 0px;
}
Hi there,
I’ve created my website with one of you demos on localhost and then uploaded it to my real domain. Since then, I get an https error. Upon investigating, it is some asset on localhost but I don’t manage to find it. The css of the the asset in my pages is as follows:
.td-menu-background,
.td-search-background {
background-image: url(‘http://localhost/newspaper/wp-content/uploads/2018/03/1.jpg’);
}
.white-popup-block:before {
background-image: url(‘http://localhost/newspaper/wp-content/uploads/2018/03/2.jpg’);
}
Can you please advise me where I can delete/change it?
Thanks
thanks, you save my day, i tried overflow but not with webkit and a lot of things from css, but i think it was because i was in a hurry.
Now the last problem that we have is the facebook button we create the developer application, we published, we insert key, id and the token for this but i see that don’t work properly.
https://blog.bestride.ro/calendar-competitional-fras-2018-cnrd/
Try a code like this and check if it fixes the issue
#td-outer-wrap {
overflow: -webkit-paged-x;
}
Enter it in Theme panel->Mobile theme->Custom CSS.
You could use it only for pages that contain the events section by adding the page ID
– https://www.screencast.com/t/iimPNyuODE
*Better to use English, this is the official language on the forum. This way the topics may be helpful to others as well.
I found it thanks! It’s at theme panel>custom code> custom css
Thanks but my theme panel doesn’t have a custom css section, is it somewhere else?
Thanks in advance!
Hello Ninhigan,
Sorry, but please notice that iframe cannot be controlled using such custom CSS code because it comes by default on the Facebook and Instagram. It set up by default to be black.
Thanks.
i place the library of jquery in function.php in both places, than add the max.cdn stylesheet for icons and after that i rebuild some css, but now i have a little problem.. on each page who have the events i can make horizontal scrolling…but i do not why, i don’t find the class or the div .. to remove this horizontal …
Daca vrei pot vorbi in romana, ca acum am vazut din ce tara sunteti.
I check in phpmy admin :
In wp_options, in the line td_live_css_local_storage, it only saves the first character that you put in the “Edit live with CSS” panel.
Hello,
On my website, the feature “Edit live with CSS” is suddenly broken. When adding css values, it’s works live, but when clicking save, the loading wheel spins forever. And it never saves !
Wordpress up to date, newspaper theme up to date
No external plugin
Hi,
The video icon will be added so the video ad posts can be identified. So once a video post is created, on modules a play icon will be displayed over the thumbnail
– https://www.screencast.com/t/GuDt0ddd
I could give you a code you could try, it should position the play icon in the top right corner
– https://www.screencast.com/t/YcInOKy8
Enter the code in Theme panel->Custom CSS
.td-video-play-ico>img {
bottom:auto;
left:auto;
}
Thanks
Hi,
That could be done with some CSS. The category tags design or colors cannot be changed with a theme setting, at the moment. This is a similar topic that you can follow
– https://forum.tagdiv.com/topic/category-label-appearance-on-block-1/
Also more about the browser inspector here, this tool can be used to create various customization for website elements
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hello RebornMarketing,
Try the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > .current-category-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a {
background-color: black;
color: white;
}
Thanks.
I put the code in the ‘theme panel’ under ‘custom css’ as shown here:
. But it had no effect. Let me know if I did something wrong. I can give you admin access if you want to login and take a look.
Thanks,
Ryan
Hi Bogdan,
Thank you.
I found this on the official Pinterest website, where do I copy the code in the theme so I can use their hover button on my pictures on the page of my choice?
I pasted this in the CSS of the page but it comes with 15 errors.
Copy and paste this code into your page where you want your add-on to appear:
<script async defer data-pin-hover=”true” data-pin-tall=”true” src=”//assets.pinterest.com/js/pinit.js”></script>
Thanks a lot for your help.
Stefan
Hi!
Thanks.
About excerpts, I’ve made a replace of some code in loop.php:
<?php if (!empty($td_mod_single->get_excerpt())) { ?>
<p class=”td-post-sub-title”>
<?php echo $td_mod_single->get_excerpt();?>
</p>
<?php } ?>
But, now, when I change fonts from Theme Panel for subtitles, it doesn’t change this part. I’ve tried to inspect the element with Firefox and change some css. I’ve add this to custom css code:
.td-post-sub-title {
font-family: Open-Sans, sans-serif;
font-size: 17px;
line-height: 25px;
font-weight: lighter;
}
But it doesn’t work. You can check, for example, in this url: https://descubrirlahistoria.es/2018/04/linajes-urbanos-la-reinvencion-de-las-elites-en-el-medievo/
It’s just below title.
In the other hand, I cannot create a sidebar area in frontpage. Could you help, please?
-
This reply was modified 8 years by
alopfr.
Hello RebornMarketing,
You should create your own custom CSS code for your desired changes. We recommend to check the following useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks.
Hello Tracy,
You should try using the following code and place it in Theme panel -> Custom CSS area
->
sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > .current-category-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a {
background-color: red;
color: green;
}
The result is here -> https://www.screencast.com/t/vbKNr97OQ
Thanks.
Shadow is now working fine. Thanks!
But, how to change logo size & increase header width.
Using Custom CSS.
-
This reply was modified 8 years by
Arafat.
Hi,
That is a comment count box, it will show the number of comments the post has received. This box can be disabled for all the blocks at once in the theme panel
– https://www.screencast.com/t/R6G1BKjJ97
It could be removed with a modification in the code or CSS just for that block if needed, and not in general.
Thanks
I’ve left the page settings as Pagebuilder + Overlay menu and used the css below to turn off the banner and the footer.
.newsletter .td-header-rec-wrap {
display: none;
}
.newsletter .td-footer-wrapper {
display: none;
}
Hello designr,
The only settings for changing the color can be found here -> https://www.screencast.com/t/qmaRdxuWxmC4 Also, you can use some custom CSS code to target another part of the sidebar. You can provide your website URL and some useful image with your desired changes so I will be able to provide a more accurate response.
Thanks.
Hi,
is it possible to remove the included tagdiv gallery with all js and css?
thank you
Roman
Hi,
The link you mentioned is a category page, if you want to change the module that a category uses to display posts in the category page, this can be done in the theme panel. Each category has it’s own settings
– https://www.screencast.com/t/aA6LWImZEhdo
Access the category you want and chnage the module, or top grid
– https://www.screencast.com/t/QCSeUJS5h
The module used in that page is module 18. All the modules can be seen in the theme live demo (features menu)
– https://demo.tagdiv.com/newspaper/
As I mentioned previously, some modules will include a read more button, others will not. That is how they were created and designed. If you would like to customize the read more button please mention how you want it to be and I will give you a CSS code for it. By a theme option those buttons cannot be customized, there is no setting created specially for them.
Please correct me if I misunderstand something.
Thanks