Search Results for 'css'

Hello Mehmet,

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

The code is ->

@media(max-width:767px){
.td-post-content .alignnone{
margin:0;
}
}

Hope this helps and let us know how it goes!

Thanks for the message!

Hello richmond,

Unfortunately, there is no option to remove Newsmag Demo templates, sorry! All of these are available in our theme panel and could be installed. Eventually, you should use a bit of CSS code to hide the demos which you want to hide to prevent the installing another demo. Look at the following screenshot and can use the same method to hide which demo you want to get rid out, like this -> http://screencast.com/t/DV2pvERbsEX You should be careful because you can break the theme layout. You can check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for the message!

Hello Andre,

You should use the following code if you want to change the color for desired elements. Place the code in Theme panel->Custom CSS area.

The code is ->

.td-header-sp-top-menu .top-header-menu>li>a{
color:red!important;
}
.td-header-sp-top-menu .top-header-menu>li>a:hover{
color:green!important
}
.mfp-content .td-login-panel-title, .mfp-content .td-login-info-text a, .mfp-content .td-login-button {
color: red!important;
}

Using this code, you can change the values as you wish.

Hope this helps!

Thanks for your understanding!

Hi,

Please try this custom css to solve the breadcrumbs issue until we manage to fix this – http://screencast.com/t/V0X0donRD

.page-template-page-pagebuilder-title .td-page-header {
padding-top: 20px;
}

Regarding the sign in/register link on the mobile menu, here you can place your custom link – http://screencast.com/t/d5B2adI5n

Thanks!

Hello,

1. Unfortunately if you edited the theme code, there is no update proof way of changing the theme code. If your customization is added in the theme panel( settings or custom css in the custom code box), these will not be lost, but if you edit the code, it will need to be re-made.

2. This depends on the image size. If the screen has enough space to show the picture and text in it’s left side, it will how up like so: http://screencast.com/t/dfZ1aAa2t
If your image is bigger, it will only show on the right in landscape views where there is enough space to show both side by side,

Thank you!

Hello,

Unfortunately there is no css to make the thumbs full width. We have not tried this but the thumbs must be created, not stretched if you want them to not loose their quality. If you enlarge any image it will loose it;s clarity and display blurred out on your mobile. That is why we try not to use css enlargement as much as possible. If you want to change the thumb used in the mobile theme you will require coding skills to do it properly.

Thank you!

Hello,

Are you sure you are referring to the same element> as this is a very old post. Please provide a link to your site pointing at the button so I can provide the proper css for it as this method could not work anymore in the current version of the theme.

Thank you!

Hello,

The css is not added by the theme. You have the border set to white on that particular element. The color cannot be changed usually so it;s either a custom css or a plugin that affects this element. It should normally grab the color from the main theme accent color but the white does not come from the theme css.
You can override it with this code:
.td_block_popular_categories .block-title{
border-color:red!important;
}
But it’s better to find the source of the problem than to override it.

Thank you!

Hello,

For the titles I will need a link to your site so I can inspect it and see where the space is coming from. It also depends on the demo you installed. Different demos have different title layouts. Please provide a link to your site and I will provide the proper css to remove the gap.

As for the menu colors, please change the color from here: http://screencast.com/t/nkHZL7WkiIcl

Thank you!

Hello,

You can use css to simply hide them if this is what you want. You will need the page id to affect only that page. The page id can be seen in the pages section of wp: http://screencast.com/t/Xr7yLEQAdbkm

The you will have to use the page id in this css code:
.page-id-12392, .td-header-wrap{
display:none;
}
Add the code in the theme panel->custom css box.

Thank you!

Hello,

1. The reviews do not have such an option but you will be able to hide the rest of the options with css to only get the overall score is this is what you want. Please provide a link to one of your review posts and I will provide the proper css to hide the rest of the fields except the overall score.

2. Unfortunately that is a very old version of our theme and we cannot provide it anymore That is newspaper version 4. We are at version 7 now, but we do not have an archive for older versions. Sorry. The 2 versions are not backwards compatible. The whole theme was written from the top down in newspaper 6 so that is basically the same as a totally different theme. The only theme version we are allowed to provide is the one on themeforest as the theme is provided exclusively by envato

Thank you!

Hello,

If you want to have only a top image and the rest just titles, you can simply do that with css, no custom coding required. You can simply use one of the theme blocks that has this sort of functionality but with different images like block 1 on 2 columns for example:
http://demo.tagdiv.com/newspaper/block-1/
You can hide the small thumbs with this code:
.td-block-span6 .td_module_6 .td-module-thumb{
display:none;
}
.td-block-span6 .td_module_6 .item-details{
margin-left:0;
}

result: http://screencast.com/t/oaeZXjpGJHD
You can even target paricular blopcks so you will not affect all blocks 1 at the same time by adding a custom css class on the row in visual composer.

You can also use block 2 :
http://screencast.com/t/DX8PO8MNJl

Or block 18 and 19. You ujust need to change up the css a bit.

Oh, and Block 17 already has this implemented: http://demo.tagdiv.com/newspaper/block-17/

Unfortunately you cannot separate each post by category. Our theme has no such option. You can filter specific posts in a block from the filter settings or specific categories but you cannot make the block pull each post in particular from a particular category,. There is no such depth added to the post filters. Sorry.

Thanks

Hello ringstonmedia,

If you want to change the color for your drop caps, you should use a bit of CSS code to do that. Place the code in CSS area.

.td-post-content .dropcap{
background-color: red;
color:green;
}

The result is here -> http://screencast.com/t/mBUZ49HCje

Thanks for the message!

Hi,

Your logo is still too tiny because you have a custom css making it a maximum size of 23 pixels: http://screencast.com/t/df9rSDo0 Please change that number to a bigger one like 230 for example
Remove all your custom css before using the css I provided above.

Thank you!

Hello,

I have tested this method again n the latest version of newspaper and the method still works as expected. http://screencast.com/t/YIrkN4SV
I’m not sure exactly why it’s npot working on your end byt you need to use font awesome, not sprites. The sprites have been removed from our theme from a few updates back. Only font awesome can provide the icon properly.
there are 2 copy/paste operations you need to make and 1 plugin install.

1. Copy this code:
<a class="td-social-sharing-buttons td-social-linkedin" href="http://www.linkedin.com/shareArticle?mini=true&url=' . urlencode(esc_url(get_permalink())) . '&title=' . htmlspecialchars(urlencode(html_entity_decode($this->title, ENT_COMPAT, 'UTF-8')), ENT_COMPAT, 'UTF-8') . '&source=' . urlencode(get_bloginfo('name')) . '" onclick="window.open(this.href, \'mywin\',\'left=50,top=50,width=600,height=350,toolbar=0\'); return false;"><i class="fa fa-linkedin"></i></a>
Paste it here: http://screencast.com/t/iKzR3wrLjP

IMPORTANT NOTICE: there are 2 instances of the same code in that page. One is for the top sharing icons and one is for the bottom icons. If you want linked in on both you need to paste the code twice for each instance. If you only want the top or bottom, make sure you place the code in the corect spot.

2. Copy this code:

.td-social-linkedin{
margin-left:8px;
background-color: 
#006699!important;;
}

Paste it in the theme panel-> custom css spot

3. Install this plugin: https://www.newnine.com/plugins/font-awesome-4-menus

4. Clear all caching, and reset cdn files if you use it as cache needs to be cleared for changes to appear imediatly. Otherwise you will have to wait for the cache to be cleared and that depends on how you set it.

Thank you!

Hello,

It seems the mega menu has these lists defined in the code, yes. If yopu want to remove all of the list styles,
simply use this css in the theme panel-> custom css box and all your lists will not show numbers anymore:
ul, li, .td-mega-menu-page .wpb_content_element ul li{
list-style:none!important;
}

Thank you!

Hello Triblu,

If you want to change the color for the search button, you should use a bit of CSS code to do that. Try the code below and change the value color with yours.

The code is ->

.header-search-wrap .td-icon-search {
color: red;
}

The result -> http://screencast.com/t/TS2N9Njc1Ll

If is not what you mean, please provide more details.

Thanks for the message!

Hello Syams,

If you want to add a line under block title, you should use the following code and place it in Theme panel ->Custom CSS area.

The code is ->

.td-ss-main-sidebar .block-title span {
text-decoration: underline;
}

Thanks for the message!

Hello Syams,

Unfortunately, our theme does not have any such an option that allows you a way to change the gradient for our modules, sorry! So,if you want to change this gradient, please notice that you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td_module_mx1 .td-module-thumb a:last-child:before {
background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%);
}

You should change the values from the linear-gradient parameter if you want to change it.

Thanks for the message!