- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hello,
I don’t want to display the post view count so I decided to hide it using CSS (I can’t disable them as per the note in 7 days post sorting):
.td-post-template-default .td-post-title {
display: none;
}
The problem is this trick is not working on my child theme’s style.css (the current active theme is the child theme you provided). The rules above are working on custom code/custom css section of the theme though.
Hmm… I must be doing something wrong. I’ve added a custom class of rbrlock to the ROW that I’d like the icon to show on.
Then I’ve added this into my Custom CSS tab:
.rbrlock .block-title span:after{
content: "\F050";
font-family: FontAwesome;
margin-left:15px;
position:absolute;
top:7px;
color:black
}
No luck. Also tried removing the Custom Class from the row and placing it in the Column or even the particular text block, still no luck.
If I inspect the code there doesn’t appear to be any addition of the span:after{ CSS code…
Is there a way I can PM you my staging site to see if I’m simply screwing something up? 🙂
Thx.
Hello Alex,
If you want to have the top sharing as the bottom one, you can simply activate the top article like/tweet: http://screencast.com/t/gP6L5klA
And then you can add this css in the theme panel-> custom css box:
.td-post-sharing-top {
border: 1px solid #ededed;
padding: 10px 26px;
margin-bottom: 40px;
}
The word share cannot be added with css though. If you want the work share to appear on the top as well you will have to edit the theme core files to add the different html structure required.
Thank you!
Hi,
I use the Autoptimize Plugin. I tried Speedbooster but it’s complex and it also gave me 16 instances of where JS/CSS were blocking.
When I conducted the test after the 7.6 upgrade, I was slower and no longer in the green on Google
Much of the issue has to do with Google Fonts. When I did test on Pingdom, it said that Is should combine files
From Pingdom:
“There are 4 CSS files served from fonts.googleapis.com. They should be combined into as few files as possible.”
I am not advanced. How can I resolve this?
my blog is http://www.hotcupofbeauty.com
hotcup
Hi,
To change the font color and background color of the respective category tags, in Big Grid 3 and Block 19 please enter this code in Custom Css(Please change the fonts as you desire)
.td_block_big_grid_3 .td-post-category {
background-color: red!important;
color: blue;
}
.td_block_19 .td-editor-date .td-post-category {
background-color: red!important;
color: blue;
}
If you want to target all the category tags just use this
.td-post-category {
background-color: red!important;
color: blue;
}
Thank you, pleased to hear that you are having a great time using the theme.
Hello,
I’m not sure what you mean. Our theme uses the style.css for all of it’s css. Try to delete the content in the file and see what happens (do a back-up beforehand though)
Please provide an example of how you are determining that the css is loaded disregarding the style.css.
Thank you!
Hello,
1. And why should sociologias not be there. The post is in that category .If I access the category archive I can see the particular post in the category: http://screencast.com/t/KTsjxCi3Ej
Please make sure you clear all caching if you say you removed the post from that category. The setting could be cached and the change will only apply once the cache is cleared.
2. If you want to change the post category tags, you can do it with this css:
.post .td-category a{
background-color:red;
color:yellow;
}
Thank you!
Hello,
Unfortunately there is no setting to change these icons. It can only be done with css. You will have to provide an example of how you want them changed so i can provide any solution in this regard if one is possible.
Thank you!
Hello krismali,
Please notice that our theme will display only one category tag and there will be displayed primary category. Unfortunately, the theme does not have any such an option that allows you a way to display more than one category tag for your thumbs.
So, if you want to change the color of category tag you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.
.td_block_3 .td-post-category {
background-color: red;
}
Thanks for the message!
Hello jncroyle,
Please notice that our theme does not have any such an option for the Linkedin button, sorry! Below, I have presented you a possible way for this implementing. Also, please notice that your problem happens due to your Linkedin functionality and we cannot provide support for this, sorry! You should check your button functionality and if the problem will be there, you should try to change this. For more information about this regard, please consult here -> https://developer.linkedin.com/docs/share-on-linkedin#
1. Copy this code:
title, ENT_COMPAT, ‘UTF-8’)), ENT_COMPAT, ‘UTF-8’) . ‘&source=’ . urlencode(get_bloginfo(‘name’)) . ‘” onclick=”window.open(this.href, \’mywin\’,\’left=50,top=50,width=600,height=350,toolbar=0\’); return false;”><i class=”fa fa-linkedin”></i>
Paste it here: http://screencast.com/t/iKzR3wrLjP
IMPORTANT NOTICE: There are 2 instances of the same code in that page. One is for the top sharing icons and one is for the bottom icons. If you want linked in on both you need to paste the code twice for each instance. If you only want the top or bottom, make sure you place the code in the correct spot.
2. Copy this code:
.td-social-linkedin{
margin-left:8px;
background-color:
#006699!important;;
}
Paste it in the theme panel-> custom CSS spot
The result is here -> http://screencast.com/t/7dLgIuOpBp
I have tested with the latest version of Newspaper and the Linkedin Button seems to work as properly.
Thanks for your understanding!
Hello jncroyle,
Please notice that our theme does not have any such an option for the Linkedin button, sorry! Below, I have presented you a possible way for this implementing. Also, please notice that your problem happens due to your Linkedin functionality and we cannot provide support for this, sorry! You should check your button functionality and if the problem will be there, you should try to change this. For more information about this regard, please consult here -> https://developer.linkedin.com/docs/share-on-linkedin#
1. Copy this code:
title, ENT_COMPAT, ‘UTF-8’)), ENT_COMPAT, ‘UTF-8’) . ‘&source=’ . urlencode(get_bloginfo(‘name’)) . ‘” onclick=”window.open(this.href, \’mywin\’,\’left=50,top=50,width=600,height=350,toolbar=0\’); return false;”><i class=”fa fa-linkedin”></i>
Paste it here: http://screencast.com/t/iKzR3wrLjP
IMPORTANT NOTICE: There are 2 instances of the same code in that page. One is for the top sharing icons and one is for the bottom icons. If you want linked in on both you need to paste the code twice for each instance. If you only want the top or bottom, make sure you place the code in the correct spot.
2. Copy this code:
.td-social-linkedin{
margin-left:8px;
background-color:
#006699!important;;
}
Paste it in the theme panel-> custom CSS spot
The result is here -> http://screencast.com/t/7dLgIuOpBp
I have tested with the latest version of Newspaper and the Linkedin Button seems to work as properly.
Thanks for your understanding!
Hi, I bought “Newspaper” and now have problems with this template, because the <style> … </ style> is written directly into the body of each page, ignoring the STYLE.CSS file. What can I do about it?
Hi,
The colors are added with css depending on the theme demo you have installed. style.css is the file you are looking for or if you use a demo, you will find the specific styling in demo.style.css in each demo in particular: http://screencast.com/t/rtdkiJaH
Thank you!
Hi,
The element is created custom for the dark demo version. In order to re-create it you need to create a tab element in visual composer and only use grids with style 1. Then you ned to add an extra class to the tab element: td-tab-color
Once you did this, you need to copy over the css from the black version into the main style.css file: http://screencast.com/t/2A3bCsQF
Thanks.
Hi,
Yes, please remove any at all css code that you added based on this discussion and only add the last one.
Thank you!
Hello,
If you want to remove the category name form the container you will have to add this css in the theme paenl-> custom css box:
.category .td-page-title{
display:none!important
}
Thank you!
Make backup of the custom CSS in the theme panel; make export of settings.
Keep log of any core files you changed, as you will need to make the same changes to the new files in new version of theme.
Hello, I have version 7.5, but I have it completely modified with CSS code, and I want to update to 7.6 but I do not want to lose custom CSS codes, is there any method of not losing anything? What is the easiest way to update without making a mistake ?, since our website is news and must be active every day.
I await your prompt reply. Greetings.
Thank you for your advice, it was helpful. Finaly I used “template_data_array[‘atts’][‘category_id’]” to get category_id and then “get_category_link() function”.
Everything works fine, except proper text color of my new ‘a’ elements (“See all news in category”).
I need correspondent colors for whole block (like in the screenshot). The color value for each block is taken from block settings.
So I would like to modify the code that overwrite default blocks colors elements (like block title background, border color etc., the rules are in: /themes/Newspapers/style.css) with new colors appropriate for current block. I want this code to be able to wrap also my ‘a’ element.
In which Newspaper theme file can I find the code responsible for overwritting colors in Blocks?
Screenshot:
http://pasteboard.co/cUGUQAEvf.png
or
http://www1.zippyshare.com/v/tXAppOng/file.html
Regards!
Hello nakosar,
Try the code below and place it in Theme panel->Custom CSS area.
.td-footer-template-13 .footer-social-wrap span:last-child{
margin-right:0!important;
}
The result -> http://screencast.com/t/5S37wZJ1
Thanks for the message!
Hi Bogdan,
Before I mess something up, does that mean that I need to delete the exciting CSS code and insert the one you mentioned? Again, thank you very much for the speedy respond.
Anna
Ok, no problem If you want to affect all pages at once, then simply copy this code:
.td-main-page-wrap{
padding-top:0!important;
}
And paste it in the theme panel-> custom css box like so: http://screencast.com/t/zu1pD3UAeh
That’s it. No other steps needed.
Now there should not be any white space above the page content.
Thank you!
Hi Bogdan,
The intention is not to focus on a specific page but remove the white space across all pages for consistency purposes. It is possible to write the exact steps as I have never used CSS before and I am getting familiar with it now. Baby language, please. I have no idea what ” top padding on pages” means. As the intention is to effect all pages, I did go to Theme Panel then Custom CSS box.
Thank you,
Anna
Hello kuolema,
I have noticed that you have an error in your Custom CSS code. Try to rule out any errors, clear all your caches and check again. If the problem is still there, send us an email at contact@tagdiv.com with your log-in information (wp-admin) so we can further inspect it closer your setup page. Provide there the link of this topic so we can easily identify you.
Thanks for the message!
Hi,
Add this code in Theme Panel->Custom Css
.td-header-gradient:before {
background: none;
}
Thanks