Search Results for 'css'

Hello Sayeed,

This is talking about the padding-top value. If you want to remove that space you will have to decrease the value of this padding. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-main-page-wrap {
padding-top:0;
}

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

Thanks.

Hello elaadhn,

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!

Hi,

If you want to change the responsive design for the slide element you need to alter this code: http://screencast.com/t/fWq8VI4ga
Unfortunately this will be no easy task as you will need coding knowledge to do it. We cannot help in this regard as this type of customization is not covered by the theme support. Sorry. We can help with simpler matters and a bit of css, but time does not allow us to tackle such tasks.

Thank you!

Hello bodygeek,

If you want to hide the post category tag, 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 ->

@media (max-width:767px){
.category .td-post-category {
display:none;
}
}

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

Hope this helps!

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

Thanks for your understanding!

Hello,

Unfortunately every demo has it’s own unique css style and in most cases the look cannot be recreated on other demos without substantial css coding as every demo is custom made and takes quite a bit of time. You are better of just installing the demo if you like the design.
If you are trying to recreate the top section of the video news homepage: http://screencast.com/t/ftQKvwtG you will have to add your visual composer elements in a full width row and set a background color from the row settings like so: http://screencast.com/t/rddkk49Fzm – http://screencast.com/t/lVBZqqHzvw
It will require a bit of css for positioning. You can add an extra class to the row and target the elements based on that specific class.

I hope this helps.
Thank you!

Hello Glitched,

Unfortunately, our theme does not have such an option for it and the theme has not been designed to be used in more than 1068 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,
Please use this css to hide the footer on mobile:
.td-mobile-footer-wrap{
display:none!important;
}
You can add the code in the theme panel-> custom css box.
Thank you!

Hello tbrmedia,

You can add a different background image for every page you want only if you will use the page ID and then the CSS which add the bacgroud-image. Below, I gave you an example and how you can achieve this -> http://screencast.com/t/uZwRzfCd4r

The code is ->

.page-id-3180 .td-main-page-wrap {
background-image: url("http://enewsvid.com/wp-content/uploads/2016/05/enewsvid_background.jpg");
background-size: 100%;
background-repeat: no-repeat;
}

Hope this helps!

Thanks for your understanding!

Hello dimkostakis,

If you want to change the color for your mega menu when you hover over the links, you will need 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 ->

.td_mega_menu_sub_cats .cur-sub-cat {
color: red;
}
.td-mega-span h3 a:hover {
color: red!important;
}

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

If is not what you mean, please provide more details so I will be able to provide a more accurate response.

Thanks.

Hello okgo87,

I have checked your website and I saw that you have some additional customizations. So, if you need to reduce the margin-top and margin-bottom for your ad, please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

div .td-header-style-6 .td-g-rec-id-header > .adsbygoogle{
margin-bottom:0!important;
margin-top:0!important;
}

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

Thanks for your message!

Hi,

Unfortunately the caption was hidden for this post template. In order to get it to display you will need to use css to do it.
.td-post-template-3 .td-post-header-holder .wp-caption-text{
display: table-cell!important;;
}
.td-post-template-3 .wp-caption-text{
color:white!important;
font-size: 14px!important;
position: absolute!important;
top:0;
left:10px;
}

It will create a black band below the image if it’s positioned below the title.

Thank you!

Hello justfreshkicks,

If you want to make your page title tags being UPPERCASE, you will have to use a bit of CSS code to do it. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-page-title span {
text-transform: uppercase;
}

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

Thanks for your message!

Hi,
That element is created custom using html and css.
Thank you!

Hello morty,

I assume that you want to hide all the date for your category page, right? So, if you want to do this, please notice that you can use a bit of CSS code to achieve this. Below I will give you an example for a category, using the category ID, like this -> http://screencast.com/t/nVzDnDzPnjfo -> http://screencast.com/t/ztoBh64q9p

The code is ->

.category-13 .td-post-date{
display:none;
}

If is not what you mean, provide more details.

Thanks for your understanding!

Hi,
I will add this suggestion for future updates and if the development team decide on it, then it will get implemented. Until such time you can use css to float ads left or right.
You can use css like so:
non-adsense:
.td-a-rec-id-content_top, .td-a-rec-id-content_bottom{
float:left!important
}
for adsense:
.td-g-rec-id-content_top, .td-g-rec-id-content_bottom{
float:left!important
}

Thank you!

Hello hurddle,

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

The code is ->

.home .wpb_content_element {
padding-top:0;
}

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

Thanks.

Hello,

1) Your first issue is gone. it is a known caching issue and once the cache gets cleared, the problem goes away.

2) I can see no text behind the logo. It could have been the same cause.

3) Same as 1. The problem is that if you use a strong caching tool or cdn server, after you update the cache will still serve the old style.css of newspaper 6 and you will see all kinds of issues untill the cache is reset. it appears fine now.

Thank you!

Hello webowner001,

I have checked your website and I saw that you are using the footer template style 2 which come default with the theme. Please notice that your actual footer template contains 2 blocks which are added automatically by the theme in this footer template. So, if you want to have your own custom footer template, you will have to use the footer template style 5 because this support to do what type of changes you want, using the Footer 1,2,3 from your Widgets section in WordPress. So, if you want to hide the Popular Category from your website, you can use the code below and place it in Theme panel->Custom CSS area.
The code is ->

.td-footer-template-2 .td_block_popular_categories{
display:none;
}

Also, for more information about footer template, please consult here -> https://forum.tagdiv.com/footer-templates/

Thanks for your understanding!

Hi,
Every demo has it;s own style for heading tags so there is no easy way of changing this without customization. The style you want is the default demo style but you have a different demo active. If you want to header style from the default demo you will have to replicate it’s css if you have the proper skills as there is no easy way of selecting which style you want for each demo.
Thank you!

Hi,

You can use this custom css to do it:

.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a{
color:white!important;
}
.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container{
border:none!important;
}

Place the code in the theme panel->custom css box

Thank you!