- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hi,
When you create a page without using the Visual Composer pagebuilder, the page title will appear in frontend even if you use the default page template. You can use this custom css to hide it – http://screencast.com/t/Fbjn3JIe7o
.page-id-798 .td-page-header {
display: none;
}
.page-id-798 .td-page-content h2:first-child {
margin-top: 0px;
}
Hope this helps!
Hi,
There is an option to delete also the demo sidebars – http://screencast.com/t/k9d0PaGxeghM
If you want a scroll effect for the sidebars section our posts you will need to add a custom css code here – http://screencast.com/t/4NpxRwwsseG – http://screencast.com/t/dwyhxiky6pn
overflow: scroll;
min-width: 300px;
max-height: 200px;
You can modify it like you wish.
Hope this helps!
Hi,
You can use the Big Grid Slider so you will display 4 articles and it still slides – http://demo.tagdiv.com/newspaper/big-grid-slide/
Unfortunately the theme doesn’t have a different element that you could use, sorry! Also please note that we offer technical support for the theme related issues based on envato support policy – https://themeforest.net/page/item_support_policy But we always try to help our user with some small modifications, so if there were another simple solution(css code) we have already provided it to you.
Thanks!
Hi,
I have successfully solved this issue with previous version of Newspaper and it was working well with Cloudflare even on mobile theme for my site www dot tomatoheart dot com . But with the recent update, I again started facing issues when cloudflare is on
If CloudFlare is under development mode or off, Everything works fine. I saw regular homepage on desktop and expected mobile theme based homepage on mobile ( it looks like this: https://i.imgur.com/XMXRHeG.jpg)
but when I enable the Cloudflare, mobile theme plugin for homepage stops working, and it starts showing the responsive mobile version of the desktop theme ( like this: https://i.imgur.com/hthWfRd.jpg )
Ironically, there is no issue on any other pages or posts except the homepage. I tried various settings under CloudFlare like disabling CSS minification or disabling Rocket loader, but nothing is working.
PS: I have just cleared all the cache. So, you might be getting the expected mobile version on mobile ( https://i.imgur.com/XMXRHeG.jpg) but wait for sometime and this issue will arise again on homepage.
Please help. Thank you.
Hello,
I have my website (series.pl) and problems with Google Insights – https://developers.google.com/speed/pagespeed/insights/?url=series.pl
I tried everything to impove results but with without success.
When i put minify for css and JS my images didnt show on website but when i disabled minify everything was ok.
Can you help me to improve results >?
Hello Bogdan,
Before adding any CSS in Custom Code, I always test it with the browser inspector. That was just an example with the height. I did try to increase the font size in mega menu, but without any result.
So, in order to understand, if I want to modify something concerning CSS I just have to copy/paste the css exactly as it is in Custom Code and do the modifications there. Right ?
Like this one…
The original CSS:
.td_mega_menu_sub_cats a {
display: block;
font-size: 13px;
font-weight: 600;
color: #333;
padding: 5px 22px;
position: relative;
vertical-align: middle;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
my CSS:
.td_mega_menu_sub_cats a {
display: block;
font-size: 15px;
font-weight: 600;
color: #333;
padding: 5px 22px;
position: relative;
vertical-align: middle;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
thank you in advance !!!! 🙂
HI
I do not like the colour of any of the standard text highlightenings. http://test.ladiesabroad.se/2016/11/text-highlightening/. I would like it to be the same colour as my theme accent colour (#e7d38a).
This is the link to my website.http://www.ladiesabroad.se/
CSS changes are ok.
Thanks.
Thank you for answer.
It works now, because I had minify for css working. When I disabled minify everything works.
Well the min-height will not decrease the height of a container but rather specify the minimum height it can have. If the height is already set, the min height will not be able to decrease it. If you want to add a specific height to a container you can use either the ‘max-height’ or simply ‘height’
Your code simply tells the element it cannot be under 10 pixels height, but it does not specify the height in an absolute manner.
This explains it better than I can 🙂 http://www.w3schools.com/cssref/pr_dim_min-height.asp
Wehn experimenting with css it;s best to use the browser inspector and see if your code applies or not. We use both the browser inspector and a chrome extention called live css editor (free) http://screencast.com/t/CEIUgy8xIi2O to make sure the css applies. We usually add the !important property when the code does not apply.
I hope this helps a bit.
Thank you!
Read your post at
https://forum.tagdiv.com/topic/hide-page-titile-on-all-the-default-pages-template/
but I do not see those options on my development page at
http://searchtheplanet.com/drmarkdemo/aboutdr-mark/
You’ll immediately see that I need to hide the title of the page “About Dr. Mark”.
Is there a piece of code or CSS that can apply to a specific page? or can you send me a template with the page title removed? Either would be fine.
Thank you.
Hi Catalin,
Thank you for your feedback, I have indeed had a look at the ios-slider, all we need is to allow more posts in one row, is there no CSS code you could give to increase the number of posts displayed on a single full column and still slide?
I.E. set the slider to show +/-6 posts out of all or 20 etc, and still slide?
Please there must be something you can do. We really appreciate your support and already spent most of the budget on the theme and counted on your support.
Hello Farus,
Unfortunately, please notice that our product does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results.
If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!
Thanks for your understanding!
Hello,
Were not that concerned about increasing the page load speed, but are just wanting to get the mobile view fixed:
Do you know what we have to adjust to get the viewport correct?
“The page content is 412 CSS pixels wide, but the viewport is only 411 CSS pixels wide. The following elements fall outside the viewport”
The element <span class="vc_sep_line"> falls outside the viewport
Hello,
I started since yesterday some minor modifications in CSS, by using Custom Code.
My question has nothing to do with “How to fix this” but Why the Custom Code doesn’t work in some cases.
For example I want to decrease the Breadcrumb Height. I found the following classes:
td_category_template_5 .td-scrumb-holder {
min-height: 62px;
background-color: #fcfcfc;
border-bottom: 1px solid #f2f2f2;
}
So I copied it to Custom Code with min-height: 10px;
It didn’t work. I did the same with the font size in megamenu. The same.
So before td_category_template_5 .td-scrumb-holder, do I have to put something else ?
Thank you in advance.
Hello alpsbox,
I guess that you want to hide the ad only from your sidebar for your front page, right? Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.home .td-g-rec-id-sidebar{
display:none;
}
If is not what you mean, provide more details so I will be able to provide a more accurate response.
Thanks for the message!
Hello rahulagg25,
Unfortunately, please notice that our product does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results.
If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!
Thanks for your understanding!
After successfully creating and running the td_api_plugin to display a Block of Custom Post Type “event” I need to order it using custom field “event_date”.
I have tried adding:
'meta_key' => '',
'orderby' => '',
'order' => ''
to $atts and assigned values to it:
$this->atts['meta_key'] = event_date;
$this->atts['orderby'] = event_date;
$this->atts['order'] = DESC;
The params are reflected correctly when I print_r($this->atts); inside td_block.php:
Array ( [limit] => 5 [sort] => [post_ids] => [tag_slug] => [autors_id] => [installed_post_types] => event [category_id] => [category_ids] => [custom_title] => NEXT EVENTS [custom_url] => [show_child_cat] => [sub_cat_ajax] => [ajax_pagination] => [header_color] => #000000 [header_text_color] => [ajax_pagination_infinite_stop] => [td_column_number] => 2 [td_ajax_preloading] => preload [td_ajax_filter_type] => td_tag_slug_filter [td_ajax_filter_ids] => 78, 79, 80, 81, 82, 90 [td_filter_default_txt] => All [color_preset] => [border_top] => [class] => td_uid_14_5822ad4fd6f60_rand [offset] => [css] => [live_filter] => [live_filter_cur_post_id] => [live_filter_cur_post_author] => [meta_key] => event_date [orderby] => event_date [order] => DESC ) Array ( [limit] => 6 [sort] => [post_ids] => [tag_slug] => [autors_id] => [installed_post_types] => post [category_id] => [category_ids] => [custom_title] => CONTENIDO [custom_url] => [show_child_cat] => [sub_cat_ajax] => [ajax_pagination] => next_prev [header_color] => #1e73be [header_text_color] => [ajax_pagination_infinite_stop] => [td_column_number] => 2 [td_ajax_preloading] => [td_ajax_filter_type] => td_category_ids_filter [td_ajax_filter_ids] => 72, 71, 37, 25, 29 [td_filter_default_txt] => All [color_preset] => [border_top] => [class] => td_uid_20_5822ad5005c1c_rand [offset] => [css] => [live_filter] => [live_filter_cur_post_id] => [live_filter_cur_post_author] => [meta_key] => event_date [orderby] => event_date [order] => DESC )
But the order of the posts is never altered. Has anyone dealt with this issue before? Any help will be very appreciated!
I’ve added the below css to the custom css section, and the mobile section, however it is never added to the page. The category tags I am trying to hide are still shown. I’ve cleared the host and the browser caches. Can you advise? I’ve added other custom css for desktop and it works fine..
@media (max-width:767px){
.td-post-category {
display:none;
}
}
The page that I am testing is churchleaders.kinsta.com
Thanks
Before updating from version 4 to 7, I downloaded theme files, but forgot to save all customizations from the field Custom CSS. So they are all gone. Any ideas where I can extract it from, please? I would really appreciate the advice.
Hello alpsbox,
The theme does not have any option in this regard but you can do that only with some Custom CSS code. Please provide your website URL so I can target your Ad container and provide a more accurate response. As a hint, you should use the .home general class for homepage.
Thanks for the message!
Hello,
There is no setting to remove the top padding of the homepage but you can use this css in the theme panel->custom css box:
.home .td-main-page-wrap{
padding-top:0!important;
}
Thank you!
Hello,
Please use this css code:
.td-read-more a, .more-link-wrap a{
background-color: rgba(123,62,188,0.79)!important;;
}
Add the code in the theme panel->custom css code.
Thank you!
Hello,
Unfortunately since you cannot add a certain category for each post in the block ,you cannot add a certain color as well. Sorry. There is no such setting in our theme. The blocks can only have these sorting options: http://screencast.com/t/ohPA5bkhTRgB and the categories to pull articles from but there is no such control to change these settings on each post the block grabs. The block is seen as a whole element. It cannot be split into articles and have each article with it;s own setting. Sorry. Blocks pull content dynamically and css is not able to detect which post belongs to which category in order to change it;s color. This will have to be made custom but not using css. That is more complicated to add and will require some time and effort to do. We suggest getting some hired help on this one as there is no simple solution we can provide. Sorry.
Thanks.
Hi,
Here is the code needed:
.td-review-row-stars{
display:none;
}
.td-review-summary .block-title{
display:none;
}
This will affect all of the reviews so you only have to add the code in the theme panel-> custom css box once and it will work on all of them
Here is the result:
http://screencast.com/t/kYPNQkobMG
I also removed the second block title called overview as 2 titles did not display properly.
I hope this helps.
Thanks.
Hello,
I suspect you are referring to the custom title not the image caption as this element ignores captions for images. It will only show an image and a custom title.
There is no setting in the fonts section added for this element for the moment. You can change the font family and size with css like so:
.td_block_image_box .entry-title{
font-family: 'Roboto', sans-serif;
}
Add the code in the theme panel-> custom css box
Thank you!