- 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
Perfect… better than hide it with css.
Hello g10ktk,
1)You can add captions when you create your gallery, under the image: http://screencast.com/t/uO4FynvtL
http://screencast.com/t/uO4FynvtL. http://screencast.com/t/SAw2mGshYaI
2) You can add this custom CSS code in the theme panel and you can change size (i set it to 15 pixels)
.td-gallery-slide-copywrite{
font-size:15px;
font-family:"Times New Roman", Times, serif;
}
Result: http://screencast.com/t/NF8QP7Zv
You can chose your fonts from this list of web-safe fonts: http://www.cssfontstack.com/
I hope this helps
Thank you.
Hi,
Do you want a similar block like Related Articles to display posts from specific category? You could add a block to a page and filer posts by specific category then take the block shortcode and use do_shortcode() function bellow the related articles code in the template that you use, it may need some additional css customization – http://screencast.com/t/0qfRLEEiD – https://codex.wordpress.org/it:Riferimento_funzioni/do_shortcode Please note that this widget will appear on all your posts from all categories, not only on specific one.
If you don’t have basic experience I suggest to hire a freelancer to do this for you as we cannot provide custom work at this time, sorry!
Thanks!
Hi
To change the font size you need to modify this value from the css you provided above:
font-size: 20px;
The css you indicated it’s for the blockquotes: http://screencast.com/t/yLCgxNyJ4c6O
Thanks!
-
This reply was modified 10 years by
Andrei L..
I updated my staging site to v6.5 this evening. Everything appears to be just fine except for the import video ad BG CSS is different and no longer looks as it did before.
See here: http://i57.tinypic.com/2ngtsf8.jpg
The space above and below the ad is off. There used to be a 21px margin at the top and the bottom now has a bottom padding of 21px, making too much space at the bottom.
The staging site is http://staging55.gfqnetwork.com if you care to look for yourself.
It also appears the the Article Bottom ad doesn’t have enough space at the top either: http://i59.tinypic.com/nxc0g.jpg
Will this be fixed?
Hello again
I am using newspaper travel theme Style 5 for the header (may switch to default)
I was wondering if you could spare some css so I may lose some of the width space between categories so when viewed on ipad, i can see my categories (td header) on one line (the word blog is going to another line)… I don’t really want to make the font smaller..
please?
site is (with no spaces) p a r a d i s e f o u n d t o u r s (dot) c o m
thank you
I created a field in Advanced Custom Fields plugin and tinkered with loop-single.php and added the code
<p><?php the_field('price'); ?></p>
And it showed up, Great! but that was just a test.
Could you please guided me where I can insert it after the excerpt on the blocks on my homepage (blocks 4 and 5) and of course the category and tag pages. Is that the archive template?
Also would you have any handy css code that I can play with and adjust the style, perhaps something to start me off with…
thank you so much!
Hi,
On Newspaper 6, how can I use this pagination https://forum.tagdiv.com/how-to-create-posts-with-pagination/ but having only the “Previous” and “Next”, without numbers.
Also, if I waant to Add CSS Style to the Previous and Next buttons, where should I edit?
Thanks,
Muhammad
i don not know where to find this code i am not using it in custom css and i also searched it in style.css but nothing found.
Hello Bogdan,
This file does not exist in my template : http://screencast.com/t/VIB4HaZnoyQC
How to ignore a category in related post in your template code? where is the code of this part?
I know php,js,css…. i want to know place of related code.
I have found More Article Box code, and that code is exactly i need, because that code use only primary category to show related article.
Best regards.
No reason to install the Child theme. Some people use them to hack theme settings in hopes they won’t have to redo edits on theme update; however that is a 50/50 proposition since often major theme updates mean changing child theme as well. If you’re using the built-in functions and control panel and visual layout, without needing to “hack’ things for some custom reason, you don’t need to use the child theme. It’s also a CSS redirect, which Google actually doesn’t like, but WordPress has this as a core ‘feature.’
Not sure that helps or not — but upshot: don’t use it unless you have a reason to!
I am using:
.single .td-post-date {
display:none;
}
.td_module_wrap .td-post-date {
display: none;
}
But it leaves a line of space where the date was;
title
date
text
the code does this
title
text
How do i make that css look like this:
title
text
thank you
almost. it looks like some css problem.unfortunately i cant post picture here. is there a support email of yours Andrei? Thanks for your reply!
Hello Myra,
You could do that using a custom CSS but be carefull because it will stretch the white container over your content: http://screencast.com/t/30mgfGny
.block-mega-child-cats {
overflow-x: visible;
overflow-y: visible;
max-height: 400px;}
Thank you!
Hi,
If you add the iframe like this with a fixed width and height it is normal to not look good on mobile devices. Yuo will have to add a class to the iframe like this – http://screencast.com/t/CZ1RGKlb and use media queries for specific devices, for example add this custom css in Theme Panel > Custom Css – http://screencast.com/t/6m3b6CrGP63 – http://screencast.com/t/IFlaeGCp – http://screencast.com/t/jOaVFgv3yokV
@media(min-width: 300px) and (max-width: 568px) {
iframe.vk-video1 {
width: 100%;
height: 200px;
}
}
@media(min-width: 569px) and (max-width: 767px) {
iframe.vk-video1 {
width: 100%;
height: 300px;
}
}
@media(min-width: 768px) and (max-width: 1018px) {
iframe.vk-video1 {
width: 484px;
}
}
@media(min-width: 1019px) and (max-width: 1140px) {
iframe.vk-video1 {
width: 640px;
}
}
You can use vk-video1 class for each iframe and the above css will be applied or you can add a different class for each videos and add you own custom css.
Hope this helps!
Hi
If you’re using adsense code a solution would be to add the code in Theme Panel > Ads section in theme’s custom ad spots: http://screencast.com/t/DjDIQo9UEc7 and use do_shortcode function in every post template files corresponding with the post template used – http://screencast.com/t/OnJ6x0h0Z to display the ads.
<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]');?>
<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_2"]');?>
Also you will need this custom css – http://screencast.com/t/uuiWen8QXqXg
.td-g-rec-id-custom_ad_1, .td-g-rec-id-custom_ad_2 {
float: left;
margin: 0 0 20px 20px!important;
}
Note that I didn’t test this on every post template so you may need additional customization and if you don’t know how to do it yourself I suggest to hire a professional developer from sites like http://studio.envato.com/ as we cannot provide custom work.
Thanks!
Hi,
If you use SpeedBooster the theme automatically loads the minified version of js – http://screencast.com/t/0cjknOCuv
We may include a minify version of the style.css file in the future but we also want to keep an unminified version for the users who want to make changes on the theme default css.
The case in which the clients use only the theme plugins is extremely rare, and many plugins come with their own css/js and a minification plugin will still be required.
Thank you!
Hello svetaznalec,
1) If you do not want the edit button you can remove it by adding this custom CSS to the theme panel: http://screencast.com/t/DJHYJCvQi
.td-admin-edit{display:none!important;}
2) The easiest way to do that is by using a plugin something like: https://wordpress.org/plugins/seo-redirection/
I hope this helps.
Thank You!
Hi
If you’re referring at the images from big grid you can remove that gradient using custom css in theme panel > custom css: http://screencast.com/t/hXsuugHFjP01
.home .td-grid-style-1 .td-module-thumb a:last-child:before{
background: none!important;
}
Let me know how it goes and provide more details if this is not what you mean.
Thanks!
Hello Alessandro,
You can change the tags color from the theme accent color. But this also changes other element colors as well.
If you want to target the category tags specifically you have to do it with CSS. Add this code in the Theme panel->custom CSS:
.td-post-category{
background-color:green!important;
}
.td-post-category:hover{
background-color:red!important;
}
There are 2 parts to this code. The color and the hover color. You can set this to your preferred color by changing it in the code. you can add transparency to it if you want and setting a RGB color. You will find this color picker handy for converting colors to RGB: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors/Color_picker_tool
Thank you!
Hello,
I cannot find css for only the sticky menu.
When you scroll down, the font size of the menu items how do I change that? Only for sticky menu.
Thank you in advance.
Hello Richard,
You can change the link colors in posts with this custom CSS:
.td-post-content a{color:blue
}
Add it in the theme panel like so: http://screencast.com/t/bnddyVptkk
Note that this only applies in posts.
I hope this helps.
Thank you!
Hi
The quotes were designed to work for post that’s why the css does not applies on pages. You can use custom css on theme panel > custom css to obtain a similar layout: http://screencast.com/t/GqRX1gq7
.page .td_quote_box{
background-color: #FCFCFC;
border-left-style: solid;
border-width: 2px;
border-color: #4db2ec;
padding: 15px 23px 0 23px;
position: relative;
top: 6px;
margin-left: 10px;
margin-right: 10px;
}
.td_quote_box p{
padding-bottom: 16px;
margin: 0;
}
Let me know how it goes and provide more details if you still need assistance on this.
Thanks!
-
This reply was modified 10 years by
Andrei L..
Hello milangigel,
You can use a custom CSS to make the button wider:
.td-classic-facebook iframe{.
width: 120px!important;
}
Just add it to the theme panel under Custom CSS
The result:
http://screencast.com/t/e5ltgGwmD2G
Thank you!
Hi,
You have this general custom css for social icons – http://screencast.com/t/9EkaKUUvQs It is very specific and it cannot be overwritten by the above code. S please remove it and then your code for individually social icon will work.
Thanks!