- NewspaperHow to Add a Logo in Newspaper
- NewsmagLogo & Favicon
- NewspaperShortcodes
- NewspaperHow to Set the Image Avatar
- NewspaperThe Mobile Theme
- NewsmagWhat’s included in Newsmag theme package
- NewsmagMain menu
- NewsmagHeader styles
- NewsmagFooter templates
- NewsmagTheme colors introduction
- NewspaperFavicon & iOS Bookmarklet
- NewspaperHeader styles
- NewspaperWhat’s Included in the Newspaper Theme Package
Ok, thank you very much Bogdan.
Is there a way to increase main header logo icone size?
On my site for example, as you can see it here, the logo is not looking good small: http://drukciji.ba/najnovije/
Also, my the home page (which is in test more) is not visible on mobile devices…you can check it here: drukciji.ba/naslovna-test3vwve-2/
Can you tel me why it is happening and how to fix it? The page is build using VC, not you tD composer.
Sorry for all of this questions.
Regards,
Miso
Hello Cinefilul,
I have inspected your website and I did not saw any problems with your header logo. It seems to work as expected, as you can see here -> https://www.screencast.com/t/tyRionpai Try to clear all the caches, purge CDN files and check the results.
Thanks for the message!
Hello Cinefilul,
Please notice that if you are using the PNG logo file, you should not bring the white space if you are using the black background. Ensure that you are using only the png file in your project, clear all the caches and check the results. If the problem is still there, please provide your website URL so I will be able to provide a more accurate response.
Thanks for your understanding!
Hello, Catalin
I have this issue on my site trying to set the logo background (wich is transparent in the png file) to 100% transparency.
Every time when I try to set it, it always appears white on some of the menus, 3 of them to be precise. See the photo sample here.
https://www.screencast.com/t/5N3VJnr0db
I “believe” I followed the instruction on setting social counter for a one of my FB pages.
Questions:
1. Can a social counter be set-up for a FB page?
2. I created an app and pasted both the the Id and security key and got the access token.
3. The FB logo does display in the sidebar widget and connects but this page has 950 Follow.
4. Shouldn’t the social counter display 950?
5. How do I know it was set-up properly?
6. Why does the widget keep “spinning” when I save? Is this normal?
Thanks
Catalin:
First, thanks for all your help with my previous inquiries over the past year. Much appreciated.
I’m writing with three questions.
1) I updated my site from 7.8.1 to 8. Once I did that, the Single Image Composer in Visual Composer no longer displays the image correctly. It’s my site logo on the home page of rovertreks.com. I’ve tried adjusting sizes, re-installing, and nothing seems to work. Any suggestions?
2) I would like to post my logo as a banner across the top of all pages? How do I do that? Up to this point, I’ve run the logo as a large single image to identify my site name.
3) I cannot get social counter to recognize my Facebook feed to display the number of followers. I’ve followed the troubleshooting procedures you folks recommend: clearing cache, reloading pages, etc. Nothing works. Any suggestions?
As always, I appreciate your help and advice. Thanks, tom
Hi,
Please provide an example of how you implement the banner as I cannot see anything on your footer except for the logo and about us section.
Thank you!
Hi,
I’d like to use Custom CSS to adjust Header Style 7 so it looks more Header Style 6 (ignoring the colors).
1. Smaller logo size and overall header vertical height
2. Menus centered vertically (like Style 6)
3. Single gray separator line on the bottom (rather than a fuzzy / gradient)
Thanks!
Can I ask for logo files of these demo versions?
Unfortunately, they are not in the package
https://demo.tagdiv.com/newspaper_business/
https://demo.tagdiv.com/newspaper_medicine/
Best regards
Hi,
For header style 10 you can try it like this (you can modify the values in the code)
Before – https://www.screencast.com/t/F44uUaL6l
After adding the code – https://www.screencast.com/t/UBOtjLWMw5
The code must be entered in Theme panel->Custom Css
.td-header-style-10 .td-logo-text-container .td-logo-text {
font-size: 95px;
}
.td-header-style-10 .td-logo-text-container .td-tagline-text {
font-size: 25px;
font-family: "Arimo";
letter-spacing: 2.8px;
}
Here is a guide to help you identify the elements on the page and the classes used, in order to create custom code that you can use in the theme panel
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hello LGA2017,
Your code seems to be not good because you are not using the right classes. Because I do not have your website, I tried on our demo to create a custom code for logo text. For example, try the code below and place it in Theme panel->Custom CSS area and change the style.
The code is ->
.td-politics .td-header-style-11 .td-logo-text {
font-size: 95px;
}
.td-politics .td-header-style-11 .td-tagline-text {
font-size: 25px;
font-family: "Arimo";
letter-spacing: 2.8px;
}
And the result is here -> https://www.screencast.com/t/pfuZk9nu50
Thanks for the message!
Sorry, but it did not work. I am trying to create 6 columns with images, in the images I will insert logos.
See above footer
http://www.patasepedais.com.br/
Hi guys,
I am not too much used to forums and didn’t know whether to answer to my previous item or add a new one so I did both. Sorry for that ! :-/
I have had a look around the forum and pasted the following CSS in the ‘Custom CSS’ box to adjust logo and logo tagline font and size. No success, which doesn’t come as a surprise to me as I don’t know any CSS and it was blind guessing. Can anybody help? Thanks in advance.
.td-politics .td-header-style-10 .td-logo-text {
font-family: ‘Crete Round’, serif;
font-size: 30px;
}
.td-politics .td-header-style-10 .td-tagline-text {
font-family: ‘Great Vibes’, cursive;
font-size: 15px;
}
I have had a look around the forum and pasted the following CSS in the ‘Custom CSS’ box to adjust logo and logo tagline font and size. No success, which doesn’t come as a surprise to me as I don’t know any CSS and it was blind guessing. Can anybody help? Thanks in advance.
.td-politics .td-header-style-10 .td-logo-text {
font-family: ‘Crete Round’, serif;
font-size: 30px;
}
.td-politics .td-header-style-10 .td-tagline-text {
font-family: ‘Great Vibes’, cursive;
font-size: 15px;
}
Hi again guys !
Progressing quickly on the construction of our new website thanks to Newspaper ! 🙂
Can you tell me where I can set the font and size of the site “Text logo title”? I found where to adjust colour but not font and size.
Many thanks in advance for your answer !
just added it, but is not working… this is all my cusom code just in case
.td-blog-beauty .td-post-template-default
.td-crumb-container {
display: block;
}
.td-header-sp-logo { background-color: #ffffff; }
.td-left-smart-list {
font-size: 20px; color: #658ae1
}
.td-right-smart-list {
font-size: 20px; color: #658ae1
}
.td-sml-current-item-nr {
background-color: #658ae1;
}
.td_smart_list_2 .td-sml2-description p{
font-size: 17px; }
.td-smart-list-button {
background-color: #ffffff;
}
.td-left-smart-list, .td-right-smart-list {
background-color: white;}
.td-left-smart-list:hover, .td-right-smart-list:hover {
background-color: white;}
.td-sml3-bottom-controls {
display: inline-block;
padding: 8px 0;
width: 100%;
z-index: 9;
border-top: 2px dashed #f1f1f1;
border-bottom: 2px dashed #f1f1f1;
font-size: 17px;
font-weight: normal;
line-height: 24px;
margin-bottom: 20px;
}
.td-left-smart-list {
cursor: pointer;
padding: 12px 25px 2px 10px;
left: 0;
text-transform: uppercase;
float: left;
position: relative;
font-size: 17px;
color: #598AFF;
font-style: normal;
right: 0px !important;
width: 100px;
}
.td-right-smart-list{
cursor: pointer;
right: 0;
padding: 2px 10px 2px 10px;
text-transform: uppercase;
float: right;
position: relative;
margin: 8px 12px 8px 2px;
font-size: 17px;
color: #598AFF;
font-style: normal;
}
.td-controls {
display: none;
}
.td-adspot-title {display: none;
}
.block-title {display: none;
}
.@media(max-width:767px){
.td_smart_list_3 .td-sml-figure {
float: none;
margin-left: auto;
margin-right: auto;
}
Are you saying that my site has any issues?
Which?
This is my custom css:
.td-icon-search{
display:none!important;
}
.td-page-title{
display:none!important;
}
.td_block_social_counter .td_social_info,
.td_block_social_counter .td_social_info_name {
display: none!important;
}
.widget_wysija .block-title > span{
background-color:#FF8C00!important;
}
.widget_wysija .block-title{
border-color:#FF8C00!important;
}
.widget input.wysija-submit {
background:#FFF!important;
border: 1px solid #ccc!important;
color: #000!important;
}
.single .td-social-pinterest {
display: none!important;
}
.td-sub-footer-copy{
width: 100%!important;
text-align:center!important;
}
.td-header-style-8 .td-header-sp-logo {
margin-left: 60px!important;
margin-bottom: 0px!important;
margin-top: 0px!important;
}
.category .td_block_trending_now {
margin: -38px 0 24px!important;
}
.td-trending-now-wrapper .td-next-prev-wrap {
display: none!important;
}
.category .td-category-grid .td_block_wrap {
padding-bottom: 0px!important;
}
ADVANCED CSS
Desktop:
.td-trending-now-wrapper {
padding-left: 25px!important;
}
.category .td-trending-now-wrapper {
padding-left: 25px!important;
}
iPad landscape:
.td-trending-now-wrapper {
padding-left: 20px!important;
}
.category .td-trending-now-wrapper {
padding-left: 20px!important;
}
Ipad portrait:
.td-trending-now-wrapper {
padding-left: 14px!important;
}
.category .td-trending-now-wrapper {
padding-left: 14px!important;
}
.category .td_block_trending_now {
margin: -34px 0 24px!important;
}
Iphones:
.category .td_block_trending_now {
margin: -39px 0px 11px!important;
}
-
This reply was modified 9 years by
Ginfox.
Unless I am misunderstanding, it is not just 10 minutes to do #6 “configure again your site with your logo and preferences” that can take days to get everything reconfigured back the way you had it, IF you are even able to do it at all completely. Is there no export/import of your NP7 settings? Thanks.
Hello everyone
I notice after this update a lot of users are in troubles and i think its necesary to explaint what to do in one unique post.
Every time tagdiv launch a big update, 1 to 2, 2 to 3, 3 to 4, 4 to 5, 5 to 6, 6 to 7, etc. everybody experiences a lot of issues because are a lot of differente code in the theme and everybody has different configurations and setups on your sites. Its impossible to made this kind of update just whit one clic.
In my experience this is the correct way to Update to Newspaper 8 in 7 Steps
1) Download the theme
2) deactivate every plugins
3) upload the theme via FTP and overwrite. Or set default wordpress theme, delete newspaper 7 and upload the new update.
4) activate the theme.
5) Go to theme panel and clic on install demos, now select your prefer demo and uncheck “include content”, then clic on install button. This will overwrite all settings and set the demo style on your site.
6) YES, you need to configure again your site whit your logo and preferences.
7) activate plugins one by one and check if some plugin produces some problem.
Thats all. You will have not problems ussing this mettod and just take 10 or less minuts

Regards
Code for old & correct row:
<div data-vc-full-width="true" data-vc-full-width-init="false" data-vc-stretch-content="true" data-vc-parallax="1.5" class="vc_row wpb_row td-pb-row td-travel-header vc_custom_1491083979151 vc_row-has-fill vc_row-no-padding vc_row-o-content-middle vc_row-flex vc_general vc_parallax vc_parallax-content-moving"> <div class="wpb_column vc_column_container td-pb-span12"> <div class="vc_column-inner "> <div class="wpb_wrapper"> <div class="wpb_single_image wpb_content_element vc_align_center"> <figure class="wpb_wrapper vc_figure"> <div class="vc_single_image-wrapper vc_box_border_grey"></div> </figure> </div> <h2 style="font-size: 40px;color: #194878;text-align: center;font-family:Vollkorn;font-weight:400;font-style:normal" class="vc_custom_heading wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >ROYALDELUX: Wellness Vacations for Women in Spain.</h2> </div></div> </div></div>
Code for the same row after updating & rolling back theme version:
<div id="td_uid_3_59259d4ea8fc9" class="tdc-row stretch_row_content_no_spaces">
<div class="vc_row vc_custom_1492079823877 td_uid_33_59259d4ea904b_rand wpb_row td-pb-row" >
<style scoped>
/* tdc_composer_block - inline css att */
.vc_custom_1492079823877{margin-top: -48px !important;background-color: #f9f4eb !important;}
</style>
<div class="vc_column td_uid_34_59259d4ea94b9_rand wpb_column vc_column_container td-pb-span12">
<div class="wpb_wrapper">
<div class="wpb_wrapper td_block_empty_space td_block_wrap vc_empty_space td_uid_35_59259d4ea98de_rand " style="height: 50px">
</div>
<div class="wpb_wrapper td_block_single_image td_block_wrap vc_single_image td_uid_36_59259d4ea9a45_rand td-single-image-">
</div>
<h2 style="font-size: 36px;color: #194878;text-align: center;font-family:Vollkorn;font-weight:400;font-style:normal" class="vc_custom_heading mycustomH2 wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >ROYALDELUX: Wellness Vacations for Women in Spain.</h2>
<div class="wpb_wrapper td_block_empty_space td_block_wrap vc_empty_space td_uid_37_59259d4eab42b_rand " style="height: 50px">
</div>
</div>
</div>
</div></div>
-
This reply was modified 9 years by
chart.
Hi,
If you would like to keep the current header style, this could only be achieved by editing the header template file from the theme folder. It would be basically like having two logos. Here you can find the theme header templates
– https://www.screencast.com/t/sD2OvzAWcEF
You could try maybe something as simple as just inserting the link like this
– https://www.screencast.com/t/r5MCfSN2
– https://www.screencast.com/t/Ze52mUshX
Thanks
Hi,
Newspaper 8 seems awesome.
Can I get new Newspaper 8 psd logo file, specially that 8 logo which is quite colorful.
Thank you
Regards,
Siddharth
Did all of your settings remain the same – such as header logos, etc – and any changes to the colour and typography?
We’ve installed Newspaper for our blog and it’s fantastic.
In addition to the blog logo and tagline that is already there, I want to put our main website logo in the header of every page, next to the blog logo, so that users can quickly jump back to the retail site when they’ve finished reading.
Is this possible? Or can you think of an alternative solution to this problem?
As a makeshift solution, I’ve added a linked logo to the top of the sidebar, but this gets lost on a mobile site — and anyway, it would look more professional if it were at the top of the page.
I’d be very grateful for any ideas or advice.
Stephen
</div>
</figure>
</div>
<h2 style="font-size: 40px;color: #194878;text-align: center;font-family:Vollkorn;font-weight:400;font-style:normal" class="vc_custom_heading wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >ROYALDELUX: Wellness Vacations for Women in Spain.</h2>
</div></div>
</div></div>