- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
Hi Andrei
also seems to me that js and css are in the footer and not in above-the-fold content …
the problem is that the score on smartphones is perhaps the most important and it is a shame not to be able to improve things ..
would be nice if you did succeed!
thanks!
Hi
1. Try this css in theme panel > custom code > custom css: http://screencast.com/t/bplcAbbHNCi
.td_module_3 {
padding-bottom: 15px;
}
2. Did you removed that indicated widget? I can’t find it on the site: http://screencast.com/t/PkdwVZ6Ud
3. Try this css to change the color of search button: http://screencast.com/t/eqG670UYe7
.wpb_button {
background-color: #de7125!important;
}
Thanks!
HI
1. You can set a background image from theme panel > background: http://screencast.com/t/Jcmt0v0mi If you set a background image the header and footer won’t be full width anymore, they will have a boxed layout.
2. Try this css in theme panel > custom code > custom css: http://screencast.com/t/KGAq5dmNx4
.td-main-menu-logo img {
width: 320px;
}
Let us know if you need further assistance on this.
Thanks!
Hi!
We are working on a website and we can’t get the custom font working in IE8 though your theme says it supports IE8. Not even through custom css. How can we proceed?
HI
Try this css in theme panel > custom code > custom css: http://screencast.com/t/kq9Ve3Ule2FN
.td-post-small-box a,
.td-tags span,
.td-related-title .td-related-right,
.td-related-title .td-related-left {
background-color: blue;
color: red!important
}
Thanks!
I followed the tutorial and done this but no help…
You can check the all CSS for the desktop and they are on this URL:
Now, you see the last 4 lines we had added for the last 4 CSS but no help…
function css_mover() {
//if ($this->td_theme_name == ‘Newspaper’) { }
// wp 011 – Newspaper 6
$this->move_style_to_footer_queue(‘bbp-default-bbpress’); //bbpress old
$this->move_style_to_footer_queue(‘bbp-default’); // bbpress
$this->move_style_to_footer_queue(‘contact-form-7’);
$this->move_style_to_footer_queue(‘google_font_open_sans’);
$this->move_style_to_footer_queue(‘google_font_roboto’);
$this->move_style_to_footer_queue(‘js_composer_front’);
$this->move_style_to_footer_queue(‘td-theme’);
Hello clarisse_soyez,
I have inspected your website and I noticed that your size logo is very short than the size of header container. As I can see, you have the Cafe demo installed on your side, right? So, please notice that this type of demo uses the logo in full width (using a bit of CSS rule), as you can see here -> http://screencast.com/t/cPR5lcQSTy So, if you want to use your logo at the initial size, you will have to use the following code, to overwrite the CSS rule from this demo, like this -> http://screencast.com/t/jyM4lJC7V6l
The code is ->
.td-cafe .td-header-style-10 .td-header-sp-logo img {
width: initial;
}
The logo was enlarged with that CSS and that’s why you bring a blurry image. If you want to rule out this behaviour, you should use the CSS above or you will add a logo with a higher size of it.
Thanks for your understanding!
Hi
Try this css in theme panel > custom cod > custom css: http://screencast.com/t/EMBKbVlw5AZ9
.page-id-24423 .td-pb-row [class*="td-pb-span"]{
border-left: 0;
}
.page-id-24423 .td-pb-row .wpb_column:before{
background-color: white;
}
Thanks!
Hello nano2408,
You can use the text high line from the post editor tool, like this -> http://screencast.com/t/KjRgPJRQQ and then, using a bit of CSS you can change the color of the text, like this -> http://screencast.com/t/D5okWkXkjtO
The code is ->
.td_text_highlight_0{
color:white!important;
}
Thanks for your message!
Hi
I’m using 7.4 newspaper with mobile theme
all suggestion applied for speed up site
On desktop about 95, but on mobile (with mobile theme) is about 77.
Solution for mobile:
Delete JavaScript and CSS that block the view in above-the-fold content
http://www.site.com/…r/assets/css/js_composer.min.css?ver=7.4
http://www.site.com/…hemes/Newspaper/mobile/style.css?ver=7.4
How can i do?
Thanks
Hello ColtonPhiscator,
1)You should use a bit of CSS code if you want to hide the category tag for your mobile mode.
The code is ->
@media(max-width:767px){
.td-post-category{
display:none!important;
}
}
2)Unfortunately, our theme does not have any such an option that offers you a way to change the fonts for the mobile theme, sorry! If you want to change the fonts for mobile mode, you should try to use a bit of CSS to do that. Also, please notice that if you chose this way, the font which you called by CSS have to be loaded by the theme. Below, I give you an example for this ->
.td_module_mob_2 .entry-title{
font-family:Arial!important;
}
The result -> http://screencast.com/t/SOBs7If9
Unfortunately, this is the design for the front page of Mobile Theme. If you want to change the structure of it, please notice that you have to edit the core file which creates the front page, like this -> http://screencast.com/t/xK4NakUZ This is not a simple task and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!
Thanks for your understanding!
Hello,
You can use this css to do it:
@media(max-width:767px){.td-category-pulldown-filter{
display:none;
}}
Simply add the code in the them panel-> custom, css box
Thank you!
Hello njokis,
Sorry for the misunderstanding. I guess that you are referring to the category tag but you have written the Topbar, please excuse me. Indeed, the top bar can be changed with your CSS, target the category name or ID and with that CSS you resolve this problem. If you wanted to change the category tag, this task was too difficult to accomplish and that’s why I give you that response. Sorry again!
Thanks for the message!
Tip for folks:
disable the built-in sharing buttons.
Get a plugin if you need more buttons or something different.
Or roll your own with CSS/HTML — really very simple with CSS and use Font Awesome icons.
No theme can have every share button in existence for every user/publisher nor is this one likely to have every possible sharing button, so making your own solution may serve you better than being on a “forever” waiting list for the latest flavor of sharing button.
If you use JetPack, many additional options are there; but I hate that thing myself.
Google all the tutorials on making your own sharing buttons with CSS .. not very hard.
In Review description, he wanted to do the following, for example:
THE GOOD: Excellent gameplay, good graphics and excellent sound.
THE BAD: The enemies and scenarios are repeated.
But in the Review description, it always appears as follows:
THE GOOD: Excellent gameplay, good graphics and excellent sound. THE BAD: The enemies and scenarios are repeated.
Some CSS for this code, all the reviews I would like to appear as follows:
THE GOOD: Excellent gameplay, good graphics and excellent sound.
THE BAD: The enemies and scenarios are repeated.
Found the solution i guess,
Just had to read about customizing the css clasess under specific category and it resulted that i had just to add this code on costum css:
.category-(name) .td-header-style-12 .td-header-top-menu-full {
background-color: #666;
}
I don’t want to be rude but i guess it was simple solution to be left unsolved.
Thank you anyway,
Without using plugin to load FA, one could also likely simply add this to footer.php at bottom:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
Hello brasilnaitalia,
Please notice that each of demo has an own CSS code which only loads when the demo is imported from Theme panel.
In the past, all the CSS was loaded with the theme. So, now, if you have the latest version of the theme, you will do not have the style CSS corresponding with Travel Demo. Please notice that you have two possibilities -> to download the Travel demo without content or you simply copy/paste all the custom CSS for this demo from here -> http://screencast.com/t/6AuPrbrVDV directly to your custom CSS.
Hope this helps and let us know how it goes!
Thanks for the message!
HI
Photo Box plugin is not tested and we can’t say how will work with our theme. We didn’t receive a similar report so far and also I can’t point a solution as I am not aware of plugin’s functionality. Most likely there is a css or js conflict which affect/breaks theme’s functionality.
Thanks!
Hello coskel,
I have inspected your website and I noticed that you block 9 is working fine. If you want to decrease the margins and paddings you will have to use a bit of CSS code to hide them. Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td_module_8 {
padding-bottom:0!important;
margin-bottom:0!important;
}
Hope this helps!
If is not what you mean, please provide more details so I will be able to provide a more accurate response.
Thanks for your understanding!
Hello jad,
If you want to replace that shadow with a blue border, please try the code below and place it in Theme panel ->Custom CSS area.
The code is ->
.td-header-gradient:before{
background:none!important;
border-top:2px solid blue;
}
The result you should see here -> http://screencast.com/t/6cL21ys0vi
Hope this helps!
Thaks for your understanding!
Hello g10ktk,
Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-footer-template-14 .block-title{
display:none;
}
Thanks.
Hey Bogdan,
Thank you.
I tried changing it’s positioning using tutorial given under http://www.w3schools.com/css/css_positioning.asp , position: relative is the most suited thing for it. but I don’t know why here under my example, it works like position: fixed.
As you mentioned
But there is a problem. Your images are not all the same size and the caption is positioned in a fixed position. It will display different based on the image size and proportions.
Why doesn’t it behave as it works under the simple post ( no smart list) ? for example here: https://tomatoheart.com/amardeep-singh/hidden-darker-reality-reliance-jio/ you can see with the code I written my first comment, the “image caption” always align itself with respect to the size and dimension of that particular why isn’t it possible with smart lists?
In fact, I remember how you have given me this code to align image caption in the bottom centre of each image under smart lists:
.td_smart_list_2 .td-sml-caption div{
position:relative;
top:-25px!important;
left:10px
}
.td_smart_list_2 img{
pointer-events:none;
}
.td_smart_list_2 .td-sml-caption div a{
color: #FFF !important;
background-color:rgba(0, 0, 0, 0.15)!important;
}
Please let me know if there is any possibility.
Thank you.
-
This reply was modified 9 years by
Nano.
Hello,
Unfortunately without the mobile theme plugin there is no simple way of having a reduced version of the desktop content. You can try to use css and media queries if you know your way around css to remove certain elements, but there is no setting for this. It has to be hard-coded.
Thank you!