- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hello bformhals,
Please keep in mind that the all CSS code is placed in the style.css core file. You will have two possibilities. First one, you should create your code without any spacing and place it in Theme panel->Custom CSS area or the second option is to find through this core file with search function by values and you will find all the media queries which have this -> https://www.screencast.com/t/fhJDFX9oxjpa
Thanks for your understanding!
Hello,
So, I was originally using the Default template for my posts, but found that I’d rather have the title and all the elements such as author, date, etc centered. I was attempting to do this through a Child template, but then found Style 13 which centers these elements perfectly. The only problem is that it blows up the size of my featured images to the point where they are now blurry. I really don’t want these images this big. Do I have a way to display the images in their original dimension while using Style 13? I’m not afraid to do a little coding or editing of files, I just need to know where to look. If there is a quick fix (ex CSS) that’d be even better. Do you have any suggestions? Or if I cannot adjust the size, is there a way to center the post title, author and date so that it’s similar to Style 13. Any help would be greatly appreciated!
You can simply make a new CSS class for a bulleted list then apply that to the list you want to style.
e.g.,
http://stackoverflow.com/questions/7698764/custom-bullet-symbol-for-li-elements-in-ul-that-is-a-regular-character-and
https://www.w3schools.com/css/css_list.asp
Hello,
The thumbnails on my front page appear pretty low quality/pixelated, and I have a slight suspicion that it is because of the thumbnail settings. If I take an example of an image we uploaded that was 1024 × 734, when I inspect it in the grid on my front page, it is 543 x 462. I realize that it is because the theme is making it fit into the box, but will this not result in the pixelation that I am seeing?
I do not know if it could be any of our CSS, but I am pretty sure none if it would affect the quality of the image.
Well I know how to use the inspect. This is where it is I do believe. But how can I ever find that in the huge css file?
This is where the main menu spacing is…
@media (max-width: 1023px) and (min-width: 768px)
style.css?ver=3.3.1:5711
.sf-menu > li > a {
font-size: 11px;
padding: 0 08px 0 08px;
}
Hi,
I have tried to replicate this but I have not managed this. Probably it has something to do with the content you are inserting in the copyright field or maybe you have custom code affecting the sub-footer section.
You can try this code as a quick fix for this issue – https://www.screencast.com/t/IwGRondm
It must be entered in Theme panel->Custom Css
.td-sub-footer-container
.td-sub-footer-copy {
width: auto;
}
Thanks
Hello,
You can add a background image in css to any container if you add the code properly. FOr the sub-footer you would use a similar code to this one:
.td-sub-footer-container{
background-image: url("add your image url here");
}
Thank you!
Hey Bogdan B.
Regardin CSS this is not compile code from my settings in theme panel, but I can’t know from where it is… my site don’t have connections with woocommerce or bb-forum, so for us is very important to remove some of css not used on our site.
1. Is possible crop all images in desktop with dimensions: 780 x 439px?
2. ok, i am checking
Thank you again for your support!
Hello,
For my site : https://anonymster.com/
I performed a couple of optimization recommended in the guide i could find on the forum and documentation.
However i am left with this rating : https://tools.pingdom.com/#!/cpAEXx/anonymster.com
Combine external CSS
Parallelize downloads across hostnames
Minimize request size
Remove query strings from static resources
Could you please help to fix those last 4 blocking points ?
thx
Hello,
The code you mention is the compile code from your settings in the theme panel. You cannot remove that unfortunately. Removing css from the theme is not recommended as the code handles multiple classes at once and deleting one will affect the other and you may break the theme style. The compiled code cannot be removed.
1. The featured image uses a thumbnail to shop up in the post style. It uses a thumb of 696 x 0 so your image will not go over 696 px which is the container width. You will have to make sure your images are bigger than that dimension though otherwise the images will not have the same size. Our theme cannot enlarge images. It can only crop them
2. It means you did not make the move to ssl properly. Please use these guides:
http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/
You can also check our forum for some insight on ssl:
https://forum.tagdiv.com/topic/moving-to-ssl/.
Thank you!
Hi,
I need changes of read more button color on my homepage. Here is what I got now.
My current CSS Code:
https://www.screencast.com/t/I3Uy1W86a
My current result:
https://www.screencast.com/t/lQlctVvvV9xW
My expected result:
https://www.screencast.com/t/TmIEpd29zCo8
My sites: toeflbb.com
Also, Is there any elements list of buttons in CSS
appreciate your help 🙂
Hi,
If you are referring to the top and bottom social sharing on the post page, there is no options at the moment to change the style. Minor changes can be made using custom css code, and this tutorial to create this custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
For the social counter there are these options to choose from – https://forum.tagdiv.com/social-counter-styles-on-newspaper/
Thanks
Hi,
My sub footer text was not fullwidth, i have tried reference css code from other topic, but it’s not take effects on my sites.
I have attached the screenshot. http://www.screencast.com/t/XxU3dUmlk8I
My site’s http://toeflbb.com/home
Hi,
How do change the subfooter background in css?
Hi,
We are aware of this issue with the header logo on Header style 8 in combination with a background, a fix will be provided as soon as possible. Please try to use this code as a quick fix in the meantime
– https://www.screencast.com/t/ORmR58t4DpDU
This is the code used in the example, you must enter it in Theme panel->Custom Css
.td-header-style-8 .td-header-sp-logo img {
left: 48px;
}
Please let me know if this is not working for you, or you need further help.
Thanks
Please try on your demo and tell me how to do. All what i need is to remove css (from view source) that do not use in my site.
Also i have other questions
1. How to set standard dimensions for featured images (I am using POST TEMPLATE STYLE 2)
2. I have installed SSL for my site but if i search with http everything is okay but if i search with https:// images and css are not working properly
Thank You!!
Hello dimmisel,
In order to achieve the best results after you will install the latest update you have to follow some rigorous steps like this -> you have to delete both of your themes, child theme, and main theme. All your customizations from your Newspaper 4 theme will do not work because all the files from this were changed in Newspaper 7.8 and as the main theme and also you lose all changes.
The Newspaper 7.8 is a whole new theme so an update from 4 to 7.8 may cause the same issues as switching to another theme (but we did try to maintain compatibility where ever possible).
Always make a full backup of your current installation – https://codex.wordpress.org/WordPress_Backups and then do a clean update, meaning that we recommend that you delete the old version of the theme before uploading the new one – https://forum.tagdiv.com/how-to-update-the-theme-2/ update also the plugins that come bundled with the theme files from the /plugins folder. In the “how to update” guide is specified that you will have to run the script that will import from database your settings.
The shortcodes have been changed so old ones will not work anymore. Please note that old files customization or custom CSS will not work with the new version and you will have to adjust or re-add them.
Bottom line is that newspaper 7.8 is a whole new theme built from scratch.
Unfortunately, you will have to clear your agenda and spare a bit of time to adjust all your settings to the new version of the theme.
If you have already Newspaper 6 and you want only to do the update to latest version, you should make this without any problem. All your customization are recorded in the database which is not affected by this update.
Hope this helps and let us know how it goes!
Thank you for the message!
Hello roqeem,
Try to use a bit of CSS code to do that. Use the code below and place it in Theme panel->Custom CSS area.
The code is ->
.wpb_content_element {
padding-top: 3px;
}
The result is here -> https://www.screencast.com/t/Xdqn2kerksxU
Thanks.
Hello,
If you want to remove the search, you can either remove it from the theme code:
https://www.screencast.com/t/cHOgFJWa and https://www.screencast.com/t/0EGoJpGE9g
or hide it with a css code you cna add in the theme panel-> custom css box:
.td-search-wrapper{
display:none;
}
Thank you!
Hi,
Try this code, you must enter it in Theme panel->Mobile theme->Custom Css
– https://www.screencast.com/t/gvD0rAzi
body {
background-color: white;
}
Thanks
Hello,
If you want to remove parts of the css that you do not use you will have to remove it from style.css found in the main root folder of the theme.
Thank you!
Hello,
You will have to use the browser inspector and change the css for the menu. Here is a tip oin how to use it: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Hello,
This can only be done with customization as our theme does not have have an option for this. You will have to use css to alter the look of the menu.
Thank you!
Dear admin,
I have a problem that when I publish a post from my site in twitter I get just link but I need full Summary card with image, so I used card validator https://cards-dev.twitter.com/validator to check the problem so I find this error -> ERROR: Fetching the page failed because the response is too large.
So I asked what I can do to not get his error so they said me to replace inline css in page so I want to ask how to replace css lines for example in this page view-source:https://www.crowdpondent.com/2017/03/29/justice-in-ivory-coast/ ,those in header.Thank you
Best regards,
Note: I disabled the “Mobile theme” plugin because I would rather the mobile version of the website be based on responsive web design.
The website with issues:
wuche.gg
Issues with responsive web on mobile (Android, but presumably iOS as well)
1. On the front page Big Grids, the offset posts feature works on desktop browsers but does not work on mobile browsers. All Big Grids are set to sort by -Latest-.
2. I’m using custom css for the module title fonts on Big Grid Full 1 & 2 because the option to change it via module on Theme Fonts isn’t implemented yet.
.td_block_big_grid_fl_1 .td-module-title a{
font-family: ‘Source Sans Pro’, sans-serif;
font-weight: 600;
font-size: 42px;
line-height: 44px;
}
.td_block_big_grid_fl_2 .td-module-title a{
font-family: ‘Source Sans Pro’, sans-serif;
font-weight: 600;
font-size: 26px;
line-height: 28px;
}
It works perfectly, but I want it to be responsive as well and downsize the font when below a certain width. So I added this code also to Big Grid Full 1 just to test out:
@media (max-width: 767px) {
.td_block_big_grid_fl_1 .td-module-title a{
font-size:30px!important
} }
@media (max-width: 767px) {
.td_block_big_grid_fl_1 .td-module-title a{
line-height:32px!important
} }
And while it works this works perfectly on desktop, it does not work on mobile.
3. I deleted/changed the background image for mobile menu / search background, but it still persists.
Whenever I make an update, I clear the cache on Google Chrome on my Android phone. I also empty the cache via WordPress, and I also have disabled the WP Super Cache plugin just to triple check.
Any help would be greatly appreciated. Please and thank you!