- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hi
Try this css: http://screencast.com/t/zx4nn25S
.vc_separator.vc_separator_align_center h4{
font-size: 15px;
}
Hope this helps!
Thanks!
Hi
The theme is not tested to work with that pluginand it is possible to appear some conflicts with it.
This css will hide the footer so you can use it if on that page you don’t want that footer part.
Thanks!
Hi,
You can make the header smaller by using this custom css:
.td-header-style-7 .td-header-sp-logo{
height: 60px!important;
}
.td-header-style-7 #td-header-menu{
min-height: 60px!important;
}
.td-header-style-7 .td-header-sp-logo a{
line-height: 60px!important;
}
.td-header-style-7 .sf-menu > li > a{
line-height: 5px!important;
}
.sf-menu > li > a:after{
bottom: -12px!important;
}
.header-search-wrap .td-icon-search{
line-height: 70px!important;
}
Thank you!
Hi!
The CSS code worked. 🙂 Thanks!
For the Back and Next, I was referring to the Back and Next links near the dropdown box.
<img src=”http://i.imgur.com/fSSPzRe.png
” alt=”null” />
They’re kinda invisible for now, is there a way to make them look more visible?
For the ads, it worked, but I have a problem, it’s not in the original location of the Top post ad. It would be best to have it put there. Please, thanks.
Hi
Sorry for the late reply, we somehow missed your post.
Try this css in theme panel > custok code . custom css to change the icon’s color on hover:
.author-box-wrap .td-author-social .td-icon-font:hover{
color: red;
}
Thanks!
Hi
To remove the gradient from big grid try this css in theme panel > custom coe > custom css: http://screencast.com/t/W06SuDaYLE
.td-grid-style-1 .td-module-thumb a:last-child:before{
background: none;
}
Thanks!
Hi,
1) A module is the base element in our theme. Every block is simply a container of 1 or more modules. In this section of the theme paenl you can see exactly what module is used on what block: http://screencast.com/t/uHbbrmqWCXr
If you want to be more specific about it, you can find out faster by using the browser inspector. For example on a block 1, the small thumbnails: http://screencast.com/t/bkbqegiM2. The small module is a module 6. It’s module 6 you have to edit. The screenshot had module 5 highlighted (my bad) but it is module 6 being edited if you look here: http://screencast.com/t/MWULaIJuoTW. Sorry for the confusion.
2) The black header color shows up when your site gets a bit heavier on the loading speed. Css works in cascades and if you use for example css optomization tools that move the css render block to the footer, then you will be able to see each stept of the css re-write on the first load. The solution for this will be to change the css directly in style.css so there will not be any re-writes done to the file. This is the default css behavior and happens on every theme. An easy way to do it without too much searching is to simply access the page source and copy all of the rendered css directly in style./css at the bottom of the file: http://screencast.com/t/Oym8Cldak (it’s a big list. Copy everything between the ‘style’ tags)
3) The font is not bold in the left big thumb, but rather the font increased. If I increase the font for the small thumbs as well, it will also look bold. You can target them with css like so:
.td_module_6 .entry-title{
font-weight: 600!important;
}
4) Well the widgets are not the same height so you will need a bit of css customization to adjust the different margins to the containers to match the center widget. But adding more content to these sections will cause them to position differently again.
For the current layout you can use this code to make them align :
.widget_display_topics{
margin-bottom: -22px!important;
}
.widget_display_forums{
margin-bottom: -36px!important;
}
However I cannot guarantee this solution can be a viable one if the content of these widgets changes. All widgets are dynamic so longer titles will make them ‘fall’ below again
5) You can align the instagram text by adding this css code:
@media(max-width: 767px){
.td-footer-instagram-container .td-footer-instagram-title .td-footer-instagram-user-link{
display:initial!important;
}}
6)You can make the search text bigger by using this code:
.td-search-wrap-mob .td-search-input span{
font-size: 30px!important;
}
7) If you want to redirect the login to the bbpress login ,you can use simple 301 redirects and simply redirect the default login to the bbpress forums, but i;m not sure exactly how the login will work then. So maybe you will want a redirect after the login is made. So a user logs in ad is imediatly redirected to the forums maybe, Thait is doen with plugins as our theme dopes not have any such options.
8) That is because there were a few css changes and the code you had in your custom css needed to be more specific. Such things happen afet an update as css gets changed all the time. That is why the custom css code you apply needs to be very specific or some other more specific code we may add in a new update could overwrite it.
9)The big grid can be set as a full box if you remove the 2 pixels margin like so :
@media (max-width: 767px){
.td_block_big_grid_12 .td-big-grid-wrapper .td-big-grid-post:last-child .td-module-thumb {
margin-left: 0px!important;
}}
10) I’m not sure the code you entered is valid or not, you will have to get a proper ad code from the ad provider and then wrap it into these div elements like this topic suggests: https://forum.tagdiv.com/using-other-ads-non-adsense-ads/
Thank you!
I have insterted this code via custom CSS, will it suffice please ?
.page-id-58 .td-footer-wrapper {
display:none!important;
}
HI
The css for grids styles can be found here: http://screencast.com/t/jrI8IzSH7xXj Where I’ve indicate starts the css which refers to grid style and it’s all in one place.
Thanks!
Hi
Unfortunately the theme does not have an option to torn off the footer only for mobile devices. However you can use this css in theme panel > mobile theme > custom code > custom css to hide it for mobile:
.td-mobile-footer-wrap{
display: none;
}
Hope this helps.
Thanks!
Hi,
Please provide a link to your site so I can inspect the ad and see why the css does not apply.
The ad spots in our theme only allow one ad at a time. There cannot be 2 ads in the same spot.
Thank you!
Hello,
If you are referring to the stars on the homepage (on blocks) you need to use this css top change the color:
.entry-review-stars{
color:red!important;
}
If you want to change the color for the ones on the post itself, you need to use this code:
.td-review-final-star{
color:red!important;
}
I hope this helps.
Thank you!
Hi guys,
I am blogging at http://www.manilashaker.com, there’s currently on spike on our site traffic but the site become slow and unresponsive for most of the time.
Our server prodiver pointed to
http://www.manilashaker.com/wp-content/plugins/bwp-minify/min/?f=wp-content/plugins/js_composer/assets/css/js_composer.css
wp-content/themes/Newsmag/style.css
wp-content/plugins/jetpack/css/jetpack.css&ver=1468217926 waiting time for that is more then 35 seconds
And the news mag style.css is one of causes. Is there a solution to this with the heavy coding from a developer?
HI
Try this css in theme panel > custom code > custom css to change the background color for smart-list items, you can change the color as you want:
.td-sml-current-item-nr{
background-color: red;
}
Hope this helps.
Thanks!
Hi
Note that the Speed Booster plugin disable itself when an incompatible plugin it’s installed. We added this measure to avoid conflicts with the plugins that won’t allow to move their CSS/js resources at page bottom. To keep it always activated comment or delete the indicated lines from td-speed-booster.php: http://screencast.com/t/RZLIOPUNdqh You can check this topic for more information about speed booster usage: https://forum.tagdiv.com/topic/speed-booster-questions/
Do the indicated modifications to keep Speed Booster always active then test the site again with your pup up plugin and check how it goes.
Hope this help.
Thanks!
Hi
Try this css in theme panel > custom code > custom css:
.home .td_block_big_grid_5 .entry-title {
display: none;
}
Let me know how it goes and if you need further assistance on this please provide your site url so I can inspect this loser.
Thanks!
HI
Thanks @Ing Geek for your help.
@dennisjpitocco Are you referring at author description text? If so try this css: http://screencast.com/t/9nGKzZWAQeV
.td-author-description{
text-align: justify;
}
Thanks!
Hi
he class name for category page is category-[category_name], for example culture category will have the class name: category-culture
However the css method won’t work properly if you set a background ad in theme panel, you will have to modify theme’s code and change the implementation for background click ad.
This is a complex task which involve lots of customizations in order to be achieved. We can’t offer customization services at the moment so if you really need this and you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.
Thanks!
Thank you, CSS worked
Hello,
You can use this custom css to reduce the spacing:
.td-header-style-10 .td-logo-wrap-full{
min-height: 75px!important;
}
.td-header-style-10 .td-logo-wrap-full .td-logo{
line-height: 75px!important;
}
Thank you!
Hello,
It seems the page title is hidden by the css so it can be shown again by using this cusotm code in the theme panel->custom css box:
.woocommerce .page-title{
display: block!important;
}
But I could not find any description. How did you add the header and description. if you added them with custom code in the theme files, then upon updating, your custom modifications are lost if you do not back-up.
please provide more details to how you implemented the description so I can understand better how to help.
Thank you!
HI
The css for each demo can be found in theme’s core files. For example of you’re using Say What demo its custom css is located here: http://screencast.com/t/rXtlIeMmYH Just copy/paste that code in style.css or in theme panel > custom code > custom css filed.
Next you have to remove the request to demo_style.css file and to achieve that edit td_wp_booster_functions.php file and comment or delete indicated code: http://screencast.com/t/hnJZZl2hr
Hope this helps.
Thanks!
Hi
Sorry for misunderstanding, initially I assumed that you want to remove the white space around post content. on your site Images are not displayed full width because of theirs aspect ratio, however you can use this css in theme panel > custom code > cstom css to correct that: http://screencast.com/t/OGZAtpqD
.td-post-content img{
width: 100%;
}
Hope this helps.
Thanks!
Hi
If you change only the css then is not necessary to use the child theme because your custom css can be added in theme panel > custom code > custom css.
Child theme become useful if you want to change some of theme’s files, for example if you want to change a post template or change some functionality of a specific feature. Note that you will need some codding skills and experience with wordpress in order to setup a child theme and make some customizatins there.
Thanks!
HI
To increase the font size for text in smart-lists use this css:
.td_smart_list_8 .td-sml-description p {
font-size: 15px;
}
This code will work only for smart list 8 but you can use it fro other lists, just adjust the class with smart-list’s number.
I am not sure what you mean by Back and Next more prominent so please provide more specific detail about what you’re trying to do so I can inspect it closer and ge bck to you with a more specific answer.
Smart-lists were not intent to display article to ad bu you can achieve that by editing the file which generate each of theme and add this code here: http://screencast.com/t/uSLAiBwXmL
$buffy .= td_global_blocks::get_instance('td_block_ad_box')->render(array('spot_id' => 'content_top'));
The above example is for smart list 8 but you can do it for each smart list, just edit the corresponding file. For example the required file for smart list 5 is td_smart_list_5.php
Thanks!
