- 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 TD Team,
I am trying to find where the CSS is for the Pagination?
At the moment, it’s blue and I want to change this to black: http://glitched.co.uk/tom-clancys-the-division-an-in-depth-review/2/.
Also, is there a way for me to move the position from left to elsewhere?
Thanks,
Hello svharishtech,
Please notice that you will not loose your custom codes from your theme panel, but to be sure you can save it in another document. Also, after you have installed the demo, please do the re-save for your customizations from your custom CSS area because this code to be loaded for the actual state.
Hope this helps!
Thanks.
Hello andaluciavive,
If you want to move the “Related Articles” from the original position to be after the post content, you have to move the code from single-template_11.php and paste the code to the loop-single-11.php core file, after the content, like this -> http://screencast.com/t/JroQrDBBzna -> http://screencast.com/t/CaYu2LtIgS and then you have to use a bit of CSS code to change the color for better results.
The result you should see here -> http://screencast.com/t/YzQhusom
The custom CSS code is ->
.td-post-template-11 .td_mod_related_posts a {
color: red;
} And the PHP code which you have to move in loop file is ->
<?php echo $td_mod_single->related_posts('no_sidebar');?>
Hope this helps!
Thank you for your understanding!
Hi
Do you want to remove the header form all pages? Our theme wasn’t designed to hide header part of the page. However this can be achieved using this css in theme panel > custom code > custom css: http://screencast.com/t/8sopnVeJZRGE
.td-header-wrap{
display: none;
}
Thanks!
Hi,
In order for the theme to apply the css in the theme panel you need to hit the save button again if you have not changed anything: http://screencast.com/t/qE6szXBPX3C Just access the theme panel and hit save. That should re-apply the css in the custom code boxes.
Thank you!
Hello svharishtech,
If you want to have the dark layout, you have to install our Balck Version from our demo section, WITHOUT content and then all the properly CSS will be loaded on your side and should work as expected on your side. For more information about installing demo, please check our documentation here -> https://forum.tagdiv.com/installing-demos/
Thank you for your understanding!
Hello,
1) The social icons in the footer can be edited with css. Use this code:
.td-footer-wrapper .td-social-icon-wrap a{
color:red!important
}
2) The line that appears under the menu items when you hover over the main menu is affected by the theme accent color: http://screencast.com/t/uoHzlRls – http://screencast.com/t/rqmqCgDo
3) The header cannot change it;s width. There are only 2 variations for the header and footer width. If a background color or image is set, the header and footer will go into boxed mode. If no background image or color is set, they will display full width.
Thank you!
Hello,
You can remove the white space from section 2 using the browser inspector and identifying the padding for each block: http://screencast.com/t/UFhcnMGcjVuZ – http://screencast.com/t/hiepaqaBs
unfortuantely the vertical space from section 1 of your screenshot cannot be modified that easy as if you modify it,element will break on your site as our theme was built with a fixed width and all elements depend on this fixed width. If it is changed, elements will ‘break’ as their css will not apply properly anymore.
Hope this helps.
Thank you!
Hello,
If you want to hide this option, you have to use a bit of CSS code to do that.
The code is ->
.menu-top-container li:last-child {
display:none;
}
The result -> http://screencast.com/t/npHtXrYysPh5 -> http://screencast.com/t/XAZyIohG
If this is not what you mean, please provide more details so I will be able to provide a more accurate response.
Thanks.
Hello alphaifel,
If you have to create a blank post page, you have to use a bit of CSS code to hide your header and sidebar for this specific post page using the post ID. As a hint, please follow the next steps for a simple post page, like this ->
The code is ->
.postid-441 .td-header-wrap, .postid-441 .td-ss-main-sidebar {
display:none;
}
The results -> http://screencast.com/t/qRowpbvB -> http://screencast.com/t/TpMTzprgQcQ
Hope this helps!
Thanks.
Hi,
Unfortunately there is no theme setting for it so it will have to be done with css. Please use this code:
.td-menu-background:before{
background: linear-gradient(to bottom, #333145 0%, #b8333e 100%);
}
The 2 values with the long strings are the colors so this will also change the color, you will have to add your colors here, and the % represents the gradient position. Change the percent for each value for different results.
Hope this helps.
Thank you!
Hi,
There is no setting in the theme for this so it will have to be made custom. Use tha browser inspector to find the title and add padding to it with css like so:
.td_module_mx5 .td-meta-info-container{
padding-bottom:20px!important
}
If you want to add a shadow or outline to the title, you can do it from block settings by selecting a big grid style 4 from block settings and then changing the color like so:
.td-grid-style-4 .entry-title{
background-color: rgba(7, 0, 0, 0.36);
}
Hope this helps.
Thank you!
Hello darteyobeng,
Unfortunately, our theme does not have such a simple option that offers you a way to change the menu style for each page when you reading an article, sorry! Please notice that this request involves custom work and we cannot provide this type of services at the moment, sorry! As a hint, you have to change the header menu style for a different page using the page ID which you can get using your web inspector, like this -> http://screencast.com/t/QKzcCkHVXi8 Please notice that this is an example of a simple page from our side which has the page ID class -> .page-id-404 and then you have to add your desired style for your header menu for each page. Please notice that to accomplish this task is required to have some CSS/HTML knowledge in order to achieve as you wish.
Also, please notice that if you want to display more levels in our theme and you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!
Thank you for your understanding!
Hello,
Thank you for your kind words and appreciation. The mobile theme is just the 1.0 version at this time. We will add improvements to it with coming updates, but at the moment, there is no setting for fonts customization for it. Fonts in the mobile theme are added with CSS inside the mobile folder and the style css file: http://screencast.com/t/emhA2RJ55Ry
Thank you!
Is there some important update in “style.css” file for 2.3.6? I didn’t upgrade the CSS file as we have some our modifications for theme.
Hello nycinsider,
I suspect this behaviour happens due that you have custom code for your font and this will apply after the default code that is loaded from style.css and this font maybe is too large for your menu items and because of this will wraps on the two line. Also, if you are using the child theme and you have the latest update of our theme (Newspaper v.7.0), please ensure that you have updated and the child theme which comes bundled with our theme.
Hope this helps and let us know how it goes!
Thanks.
Thanks for your follow up. I used the same CSS but, still it shows the mobile container..
I had the exact same issue this morning when I updated to v7.0. I couldn’t for the life of me figure out what the heck this gradient bar was on the left side of the screen. I hid it via CSS, and then figured out about an hour later that this was the background for the new mobile menu. I ended up just adjusting my CSS as I couldn’t figure out as to why this was showing on the Desktop version. Here is what I used in the CSS of my Child theme:
/* -==========================- DESKTOP -==========================- */
@media only screen and (min-width:1024px) {
.td-menu-background:before { display: none; }
}
/* -==========================- TABLET -==========================- */
@media only screen and (min-width:640px) and (max-width:1023px) {
.td-menu-background:before { display: none; }
}
This hid the menu from showing up on the Desktop and Tablet versions of the site, but still showed up on the Mobile Phone version. If you don’t want it hid on the tablet version, then just leave that out and just use the top section for Desktops. This was the only way that I could figure out how to remove it as I couldn’t find any info on it.
I had a situation when adding image as background to “background settings” in theme pannel couldn’t allow in google insights any change.
No matter I do with codes in 5. Remove render blocking css/js – using the TagDiv SpeedBooster plugin (advanced users) https://forum.tagdiv.com/how-to-make-the-site-faster/ – didn’t work.
But! when I removed the image from “background settings” in theme pannel, added in style.css manually at the bottom, all was fixed. render blocking css/js codes worked.
Hope it helps.
Grrrr I tried… really. CSS always does my head in.
When I paste in the exact CSS that works for the main site nothing happens.
When I search through that file and cut out the offending bits and replace them, nothing happens.
Not sure what I’m doing wrong:
/* Changed by Brian of London 2016-05-09 */
/* Justify block quotes and move them to the right 10% */
.td-page-content blockquote p,
.td-post-content blockquote p,
.wpb_text_column blockquote p,
.td_block_text_with_title blockquote p,
.bbpress blockquote p,
.woocommerce #tab-description blockquote p,
.mce-content-body blockquote p,
.comment-content blockquote p {
font-family:inherit;
font-size:inherit;
line-height:inherit;
font-weight:inherit;
font-style:italic;
text-align:justify;
text-transform:inherit;
color:inherit;
padding-left: 10%;
padding-right: 5%;
/* responsive portrait tablet */
/* responsive portrait phone */
}
/* font-family: 'Roboto', sans-serif; */
/* font-size: 32px; */
/* line-height: 40px; */
/* font-weight: 400; */
/* font-style: italic; */
/* text-align: center; */
/* text-transform: uppercase; */
/* color: #4db2ec; */
/* word-wrap: break-word; */
Hi,
You can use this css to do it:
.td-header-sp-recs{
float:right!important;
}
Thanks.
Hi
That happens because page content start from 0px at top position and if you set a background image its upper part won’t be seen because the content. That site uses a custom html source to insert the image and content is scrolled down. To achieve the same layout page structure must be changed and adjusted with some html/css code.
Thanks!
Hello David L,
Please notice that are existing two different style sheets -> editor-style.css which is the style for your backend editor and the style.css which is the style for your frontend. When you add your code in your Theme panel->Custom CSS area, the code will be applied only for your frontend (style.css) and not for your backend. If you want to have the same style, you have to add your code into your editr-style.css , like this -> http://screencast.com/t/yeYMQbW1T
Hope this helps!
Thanks!
Hello procrastinationspace,
Please be more specific regarding of your main menu and top bar issues because I have checked your website and I did not saw any problem with these sections. Also, if you had some additional customization through your custom CSS box, please try to re-save them for the custom CSS code to be regenerated for the latest version of our theme.
If is not what you mean and if you still have problems on your side, please provide some useful screenshots so I can saw the issues and also, so I will be able to provide a more accurate response.
Thank you for your understanding!
Hi,
Please provide a link to your site so we can inspect it to see what header style you use so we can see if a css trick will do it.
Thank you!
