- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hello WSSC_info,
If you want to do these changes, please notice that you will have to use a bit of CSS code to achieve that. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-main-logo img {
margin-left: 0px;
margin-right: 0px;
width: 100%;
}
The result you should see here -> http://screencast.com/t/76SxVStG
Thanks for your message!
Hello innovacomp,
Unfortunately, our theme does not have such an option in Theme panel for this feature (Accordion) because this is a Visual Composer element this it is not affected by our panel settings. If you want to change the font for this element, please notice that you will have to use a bit of CSS to change it.
If you need more assistance in this regard, please provide your website URL so I can inspect it closer and also, so I will be able to provide a more accurate code.
Thanks for your understanding!
Hello,
If you want to align your menu items to the right, please notice that you will have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.sf-menu{
float:right;
margin-right: 0;
}
The result you should see here -> http://screencast.com/t/y9td9hbeI
Thanks for your understanding!
Hello ntvweb,
If you want to have a higher height for your image, please notice that you will have to increase the height for that container. If your image will have a high height than this container, the image will be cut off. As example, if you want to increase this, you can use the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-header-header{
height:160px;
}
If is not what you mean, please provide more details about what you want to achieve, provide some useful screenshots so I can understand it better what you want.
Thanks for your understanding!
Hello ntvweb,
If you want to change the place for your video play icon, please notice that you will have to use a bit of CSS code to move it. Please try the code below and place it in Theme panel->Cusotm CSS area.
The code is ->
.td-video-play-ico>img {
bottom:inherit;
left:inherit;
}
The result you should see here -> http://screencast.com/t/Tf7kyQMX92o
Thanks for your message!
Hi There,
Thank you for the CUstom CSS code, I have removed the Categories – BUT, please tell me:
How do I remove the Popular Posts?
Where exactly is the Footer-Template 2 page? And/Or what Code do I need to enter to remove Popular Posts. My idea, is to add a module where by I can select the posts and in what date I want to display there.
Please advise the correct code to find and remove through perhaps “footer.php”? Or, where else is Template 2 – Footer?
Thank you so much.
Hi there,
I’d like to hide related articles, author box and comments in my mobile website. Could you tell me how to use custom CSS to do that?
They are beautiful in my desktop website. But i want to hide them to increase speed in mobile devices.
Thank you very much for your help!
Best
hello
font awesome 4 news update error
Font Awesome 4 Menus
Missing Argument nav_menu_css_class on line error????
image added
http://www.yukleresim.com/image/xVB
After I define cookieless domain
by defining the following in config.php
define(“WP_CONTENT_URL”, “http://sm4static.avahan.co.in”);
define(‘COOKIE_DOMAIN’, “sm4.avahan.co.in”);
define(“WP_PLUGIN_URL”, “http://sm4static.avahan.co.in/plugins”);
The newspaper fonts used for icons and defined in style.css stop working ?
Any idea how this can be rectified?
Hi,
You can try to add conditions in the phph code but there is an easier way.
Try to use this css:
.home .menu-item-26665{
display:none!important;
}
Add the code in the theme panel-> custom css box.
Than you!
Hello Austrural,
Please notice that the Custom CSS code should have to be put it in that place, like this -> http://screencast.com/t/XReygXfGnEiH
For your second request, if you want to add some images to your header area, you will have to use the background-image attribute. Please try to use the below example for your website.
The code is ->
.td-header-style-7 .td-header-main-menu{
background-image: url("http://enewsvid.com/wp-content/uploads/2016/05/enewsvid_background.jpg");
background-size: 100%;
background-repeat: no-repeat;
}
}
The result is here -> http://screencast.com/t/kJwuXHy0X5z
If is not what you mean, please provide more details.
Thanks for your understanding!
Hi thanks for the reply,
We ended up switching our default template out as we noted above that 2 article templaes (those without large feature images) work fine. Check this link, using the video feature template for an example of one still not working:
http://www.roadtovr.com/altspacevr-social-week-sept-14-21-promises-week-new-feature-reveals/
I traced through the JS and ‘click’ events last night and it seems that a check in td_site.js prevents the link action due to the CSS tag on the page in question:
if(jQuery(target).hasClass('td-content-wrap')) {
IF this is removed temporarily, those clicks work but of course then allow clicks to function anywhere on the page which is not what we want.
I hope that helps.
Hello ntvweb,
You can use a bit of CSS code to do it. Please try the code below and place it in Theme panel->Custom CSS area.
.td-page-title {
display:none;
}
Another possibility for your would be to change the page template to default one or pagebuilder+latest articels+pagination from here -> http://screencast.com/t/Tc2ZjQSVUf59
Thanks for your understanding!
Hello ntvweb,
Unfortunately, our theme does not have such an option for it and the theme has not been designed to be used in more than 1021 px for width.
Please notice that our theme 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!
HI Catalin,
So, create one style.css files for your RTL customers. We are not misers; we are ready to pay for what we require.
I already did. I hired many developers, and I’m not satisfied with their services. They have ruined my website.
So, please guys don’t let us down.
Thanks
Hi there, I would like to do the same as the above, that is using Header Style 9 I would like to change the text size & font.
I am an absolute newbie to this and so I am unsure re Custom CSS.
I assume that I go into the theme panel, click on Custom CSS whereby a blank box will appear and then I include the code as described above or alter the font family and size as needed??
Is that all I need to do or am I missing something, so far I have not had to do any code work and I do not want to mess things up as I have nearly finished building the site??
Many Thanks
Garry
Hello moor,
Unfortunately, we have no plan on implementing it in the near future. Implementing RTL support in our theme will require 2 style.css files and it will add significant “weight” to the theme. Using the RTL mode means that lots of elements have to be adjusted and this thing involves custom work and we cannot provide this at the moment!
So, if you want to display more levels in our theme and 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 customization services at the moment, sorry!
Thanks for your understanding!
Hello Rmax,
1) Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-ss-main-content .entry-content p {
margin-left:5px;
margin-right:5px;
}
The result -> http://screencast.com/t/uAka66VAoQY
2)You can change this only if you edit your page title and simply erase it from there.
Hope this helps!
Thanks.
Hi,
Please provide a link to your site so we can inspect it and help with the proper css.
Thank you!
Hello yronen1,
The simplest way in this regard is to install the baby demo blog with or without content, from here -> http://screencast.com/t/o8VaKtYF Please notice that each demo has an own design and these were been custom made. If you want to customize your actual website to have the similar layout with it, please notice that is not a simple task and this require some additional customization through code that involves custom work. As you can see here -> http://screencast.com/t/0kNcttu4 every demo has an own CSS.
If you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment because we cannot provide customization services at the moment, sorry!
Thanks for your understanding!
Hi,
If you are referring to the post title, you can hide it with css on specific posts using css and the post ID.
Every post has a unique id you can use together with css and hide the title:
.postid-7450 .entry-title{
display:none!important;
}
You can add multiple posts to the code by finding their id’s:http://screencast.com/t/ZnQde99s8w1 and then adding a new code with a “,” like so:
.postid-7450 .entry-title, .postid-7451 .entry-title, .postid-7452 .entry-title, .postid-7453 .entry-title {
display:none!important;
}
I hope this helps.
Thank you!
Hello,
Unfortunately we have not tested formidable forms so I can;t say for sure why the styling does not apply. Maybe the theme css overrides the plugin css. I will try to help out with a bit of css if it can apply to your form. Please provide a link to your site pointing at such a form and provide details to what you want changed and I will try to provide a solution if one is possible.
Thank you!
Hello TinkerMake,
Please try to use the code below and place it in Theme panel->Custom CSS area.
The code is ->
.sf-menu li:hover, .sf-menu li.sfHover {
background-color:rgba(221,153,51, 1);
}
The result you should see here -> http://screencast.com/t/5RFTwmz3VXZT
If is not what you mean, please provide more details about what you want to achieve.
Thanks for your understanding!
Hello,
Still not working, this is my .htaccess, maybe it helps.
[root@ip-172-31-46-22 webroot]# cat .htaccess
# <IfModule mod_headers.c>
# Header add Access-Control-Allow-Origin “*”
# </IfModule>
AddType application/vnd.ms-fontobject .eot
AddType application/x-font-opentype .otf
AddType image/svg+xml .svg
AddType application/x-font-ttf .ttf
AddType application/font-woff .woff
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
# mod_headers, y u no match by Content-Type?!
<FilesMatch “\.(gif|png|jpe?g|svg|svgz|ico|webp)$”>
SetEnvIf Origin “:” IS_CORS
Header set Access-Control-Allow-Origin “*” env=IS_CORS
</FilesMatch>
</IfModule>
</IfModule>
<IfModule mod_headers.c>
<FilesMatch “\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$”>
Header set Access-Control-Allow-Origin “*”
</FilesMatch>
</IfModule>
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
Thanks Catalin!
Fixed it now by switching off a plugin that combined CSS and JS files. (Assetsminify)