Search Results for 'css'

Hello ndmanh2002,

Please try the code below and place it in Theme panel->Custom CSS area.

.sf-menu > li > a {
text-transform: capitalize;
}

The result you should see here -> http://screencast.com/t/kcd2Zhc9vea

Thanks for your understanding!

Hello,
Unfortunately there is no setting to disable the featured image on mobile, but you can use this css code:
.td-post-featured-image{
display:none!important;
}
If you use the mobile theme, add it in the mobile theme settings here: http://screencast.com/t/oRPLrEKfmB or if you use the responsive version, add the code here: http://screencast.com/t/3Gl2RjltdZNS
Thank you!

Hi,
Well you cannot use both. You either use css or the theme colors. Both at the same time will overwrite one another. Change the colors in the code if you use the code method.
Thank you!

Hello,

1. Please make sure you clear all caches and make clear cdn files also. If you have caching on your server, make sure you set it properly by contacting your hosting. Also very important, if you also use a cdn server, make sure you purge files.

2. The mobile theme uses the same footer set-up as the one on desktop. There is no extra settings for the footer on the mobile theme. It will get converted to the default footer style, but the content is the same as the desktop version. The about us section and the follow us are predefined for the mobile theme so if you want to remove them, you must use css to do so.
You can use this code:

.td-footer-description{
display:none!important;
}
Add the code in the mobile theme settings under custom css:
http://screencast.com/t/4LBcVoS4

Thank you!

Hello,
Unfortunately newspaper 4 used icons directly from the theme icons. You can either change the icon from the theme files if you have the proper coding skills or change the icon with css and add a background image to the element:
http://www.w3schools.com/cssref/pr_background-image.asp
Thank you!

Hello,
If you want to remove the search icon, please use this css code:
#td-top-search{
display:none!important;
}
Thank you!

Hello danielegenovese,

If you want to decrease the space between the menu items, you will have to use a bit of CSS code to do it. Please try the code below and pace it in Theme panel->Custom CSS area.

The code is ->

.sf-menu > li > a {
padding: 0 10px;
}

The result you should see here -> http://screencast.com/t/R3STAIX0q8yK

Thanks for your understanding!

Hello,
Every demo has a custom style set to it using custom css. If you want to reduce the top padding of your homepage, yopu can use this code:
.home .td-main-page-wrap {
padding-top: 5px!important;
}
Thank you!

Hello salocharly,

If you want to hide some ads for a certain post, please notice that you can use a bit of CSS code to hide it. Please notice that you will have to use the post ID, which gets it like this -> http://screencast.com/t/rsUaOlbu (using the inspector). For example, if you want to hide an ad for a certain post, you can use the below CSS code ->

.postid-1451 .postid .td-g-rec {
display:none;
}

If you need more assistance in this regard, please provide your website URL and also, please mention what type of ad you want to hide so I will be able to provide a more accurate response.

Thanks for your understanding!

Hello,
There is no setting for this unfortunately. The site will go into boxed version when a background image or color is applied. If you want to change the box width, you can do so with css:
.td-boxed-layout #td-outer-wrap{
width:1200px!important
}
Thank you!

Hello vachos,

First of all, please ensure that you have fully updated your theme to the latest version of it (Newspaper 7.1.1) and also, all the required plugins to the latest version of them (Visual Composer 4.11.2 and Social Counter 4.1). Then, if you want to display the mobile theme, you will have to install the mobile plugin from the premium plugins list, from here -> http://screencast.com/t/1c8WDcsSd To avoid any conflict, please try to disable all the active plugins, leave just Visual Composer to active, clear all your caches, purge CDN file is you are using the CDN system and install only the plugins that come bundled with our theme and rule out the conflicting plugins. Please note that our theme (mobile theme) is fully tested and still working as properly. For more information about mobile theme, please check our documentation here -> https://forum.tagdiv.com/the-mobile-theme/

Thaks for your understanding!

Hello Paul Walter,

Please notice that this is the theme behaviour when it used this type of post template. Please notice that if you want to change the structure of this block you will have to do it only through additional customization and this involve custom work. Also, 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, sorry!
As a hint, you can use the following code and place it in Theme panel->Custom CSS area.

The code is ->

.td_block_20 .td_module_14 .td-module-meta-info {
bottom: -100px;
}
.td_block_20 .td_module_14 .td-excerpt {
padding-top:100px;
}

The result you should see here -> http://screencast.com/t/5nCpiyRYcT

Hope this helps!

Thanks for your understanding!

Hi,

The method posted by Catalin is the only way of adding a background color or image to your site. you will have to user css to add images as well. The theme works like this: If you do not set a background image or color, there will be only a single container over the full width of the screen so you cannot have a backgground that only appears on the side of the content. This container is only added once you set a color or image from the thme panel. That is why the header and footer go into boxed version, to make room for this background container.
If you want to add an image, use the code Catalin provided and instead of a background color, add a background image like so:

.td-main-content-wrap {
background-image: url("image url here");
}

Thank you!

Hello Manfred,

The tint can be disabled by using this css code:
.page .td-image-gradient-style8:after{
display:none!important
}
.page .td-post-template-8 .td-post-header{
background-color:transparent!important;
}
Add the code in the theme panel-> custom css box
result: http://screencast.com/t/ezPO2PvnxwP

Thank you!