- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hello,
I’m having a problem with putting up a logo. Header styles 9, 10, 11 are not allowing to upload a logo wider than 272 pixels. Actually no matter what header style I choose in Logo&Favicon section I see a note “Upload your logo (272 x 90px) .png or .jpg”.
I’ve tried adding
.td-logo { width: 800px; }
in Custom CSS, and it didn’t work.
What else can I do?
You can’t optimize fonts loaded from Google unless you want to hack that per my optimization sticky to load the CSS locally.
For your local CSS and JS you can minify that locally also.
For the jquery stuff, you would need to manually add that to the booster plugin per the theme docs. Tagdiv will likely have better answer on Monday 🙂
AGAIN:
for those who don’t know how to read changelogs …
if using Newspaper 6x ..
a) go to your Envato/Themeforest account,
b) download the “all files” for Newspaper, extract to the “Newspaper-tf” folder
c) in the /plugins folder note the file “js_composer”
d) extract the zip
e) in the ‘js_composer’ plugin folder, note the file “changes.txt”
note it’s 4.7.4 🙂
2.10.2015 – ver 4.7.4
– Fixed: Bug in grid builder presets
– Added extra ajax check
29.09.2015 – ver 4.7.3
– Re: Backwards compatibility for images with custom link
– Added border for single image with external source
– Width of vc icon in “Add element” window fixed
– Presets saving mechanism optimized
22.09.2015 – ver 4.7.2
– “Undefined index” notice in tabs, tour, accordion removed (for cases when vc_remove_param() was called)
– Bottom border in image gallery fixed
– <br> now works in mobile view tabs
– Backwards compatibility for images with custom link
– Minor css improvements and fixes
-
This reply was modified 10 years by
simchris.
Your page has 2 blocking script resources and 3 blocking CSS resources. This causes a delay in rendering your page.
Remove render-blocking JavaScript:
http://healthills.com/…-includes/js/jquery/jquery.js?ver=1.11.3
http://healthills.com/…s/jquery/jquery-migrate.min.js?ver=1.2.1
Optimize CSS Delivery of the following:
http://healthills.com/…m-7-0311a9d5ee054a2992867be88d6015f3.css
http://fonts.googleapis.com/…n+Sans%3A300%2C400%2C600%2C700&ver=4.3.1
http://fonts.googleapis.com/…%2C700italic%2C400%2C300%2C700&ver=4.3.1
How can I remove Them? Thanks!
You can minify the style.css file by following my tips in my pagespeed optimization sticky post, as well as other tips/tricks for speeding up/optimizing your site — including a new method of compressing .js files without breaking them, recommended by Google. 🙂
Hi,
Can’t figure out how to change font color in post title using custom CSS… Sorry, tried very hard but no luck.
Thanks.
It looks like the block itself is alright, but it gets resized because it doesn’t fit in the columns.
When I mess around with the css in inspector a bit I can get it fit by setting .column_container .span6 width to 325px instead of 46.5714%, but I don’t recall changing any width sizes of the blocks so I have no clue why all of a sudden the blocks don’t scale properly…
What is the difference between Newspaper Theme CSS and http://demo.tagdiv.com/newspaper theme CSS?
There is the huge difference in CSS file size between your demo CSS and theme CSS. To optimize loading theme, i did try to minify CSS using various online minifiers. But all them getting crashed due to 20K and above lines in CSS file.
How can i optimize like http://demo.tagdiv.com/newspaper like CSS? Or can i use the CSS from http://demo.tagdiv.com/newspaper ?
hi Bogdan B.
first of all thank you for the quick reply,
do i put this on Theme panel> custum CSS
cos i did put it in still didnt work,
is it because i have also put this under the advance css phone section so it messed up?
@media(max-width:767px){
.test, .td-main-sidebar{
display: none !important
}
}


thanks for the help
the website again is
http://www.scooptw.acsite.org
Not from the admin panel, per se, but you can modify the desktop @screen viewport in the style.css file to experiment. If you dont know how responsive css works, might be prob.
Tagdiv might have tip for you on monday. ?
P.s. no, css dont solve problem, because when i scroll down its look ok (w/o css editing) 
Actually Bogdan, I noticed the CSS change doesnt work for moving the headline over to the left http://screencast.com/t/Z7IV8ANTBL (it removed the number, I just inserted a number into the title thats why it says 1.)
.td_smart_list_6 .td-sml-current-item-title {
padding-left: 0!important;}
and it also caused the navigation elements at the top of the page to move up and right and then on hover over it doesnt fill the entire area http://screencast.com/t/24oolrYuBLTa (staging site). This is how it should look http://screencast.com/t/2VeaLipc
Thanks
It wasn’t working on the users with buddypress deactivated like you said and I put the CSS code in and it fixed that, then I removed the CSS and activated buddypress but when you go to user link and loads page and then there is a tab for the topics and replies and buddypress works fine for those topics started and replies created are working just fine if you use buddypress without using any fixing.
Don’t know if you are any interested in using buddypress at all but it works fine with buddypress fixing the issue. Just a suggestion. If you just want forums only then just ignore the buddypress suggestion.
Darn tinypic did not work. Here is it from postimg:
http://s7.postimg.org/s2tuemeor/bbpress.jpg
This was not using the CSS code either. Nothing changed. So theme is working fine for my website on bbpress.
Sorry! I was stupid and did not see what you were actually talking about. Did not read the whole thing. Topic started and replies created shows nothing like you said but I am also using buddypress so that is going to be removed from their profile anyways.
So you were right that it has a problem. Sorry for hijacking thread.
-
This reply was modified 10 years by
doucare1971.
Hello.
I use “Header Style 8” and found problem with logo position. I use 272 x 90px logo and its too top.
I try “Header Style 7” and its look good, but i need “Header Style 8”.
Header Style 7

Header Style 8

P.s. i found CSS and make like i need, but maybe it’s some kind of mistake?
I’m trying to use the ‘Go Button’ next to the top header 728×90 ad. I tried using the visual composer for it but it’s not working out as well as i thought. Is there an easy css to use for adding this button next to the ad? Ex: http://pasteboard.co/1fLZ8343.jpg
Thanks in advance!
Hi
Try this custom css in theme panel > custom css:
@media (max-width: 768px){
.td_block_related_posts, .td-post-next-prev{
display: none;
}
Thanks!
Hi Lucian,
thank you – it’s working properly!
just for you and for the other that are using this theme .. we have the same problem here
http://ec2-54-74-243-146.eu-west-1.compute.amazonaws.com/forums/user/drumma/topics/
and I fixed it with the same solution you suggest .. so
.bbp-user-page .bbp-topics {
width: 100%;
height: 100%;
}
in custom css…
Ciao !
alessandro
Hello,
You can modify the default one like so:
Change the menu colors: http://screencast.com/t/1UKg6wwWwf26
Make the site boxed by adding a background color: http://screencast.com/t/olqRIurnm (white works also)
And you can add the hover background color with custom css:
.sf-menu li:hover, .sf-menu li.sfHover{
background-color:#4db2ec!important;
}
The result: http://screencast.com/t/P00s4zyCh
Thank you!
Hi cmistico,
Sorry for the delay!
I have inspected your user replay page and found a designed issues which is causing this. You can try this custom css code which seems to fix this: http://screencast.com/t/2qL7SMq0hnt
.bbp-user-page .bbp-replies {
width: 100%;
height: 100%;
}
Add this css code in theme’s panel > custom css section.
I’ve managed to recreate this on my testing environment and added it on our issues tracker list so will fix this as soon as possible.
Thanks for reporting this and sorry for the inconvenience!
Hi
You can hide more article box for mobile devices using this custom css in theme panel > custom css: http://screencast.com/t/cO9GiCcQ4nT0
@media (max-width: 767px){
.td-more-articles-box {
display: none;
}
}
Thanks!
Hello Thomas,
This error usually occurs when you have some raw HTML on the post/page or custom CSS and tags are not closed properly. Please check your code if this is the case.
You can also disable all your plugins except visual composer and check again to see if this is not a plugin issue.
Let us know how it goes.
Thank you!
Hi
Try to deactivate the Speed Booster plugin then check in browser console if the errors still appear. First try to deactivate all plugins except Visual Composer, clear all caches and test again.
If the errors appear only when Speed Booster is activated, that happens because some plugins cause conflicts when their’s resources are moved to footer. You can check a plugin behavior with Speed Booster enabled by adding it on allowed plugins list: http://screencast.com/t/dCMffJFq or by moving its css/js resources at page bottom: http://screencast.com/t/P7r6uHvvJl
For more information regarding Speed Booster please check this topic: https://forum.tagdiv.com/topic/speed-booster-questions/
Hope this help.
Thanks!
Hi Bogdan !
And first of, thanks for your faster than light feedback !
The icons are vector graphics.
So I’m gonna follow the steps in the css-tricks.com article you advised me.
I’ll leave some feedback once I’m done ! 🙂