Search Results for 'css'

Hi,

You can use this code for the top and menu borders, enter it in Theme panel->Custom Css

.td-magazine .td-header-style-1 .td-header-top-menu-full {
border-top: none;
}
.td-magazine .td-header-style-1 .td-header-gradient::before {
height: 0;
}

Result – https://www.screencast.com/t/cyTQ1svzUF

And this is for that block (VIDEOD) title border color, it will make it black

.td_uid_6_589031fc95a90_rand .block-title {
border-color: black!important;
}

Result – https://www.screencast.com/t/zQj8RQas

Or if you want to make them all black the code is this

.block-title {
border-color: black!important;
}

Result – https://www.screencast.com/t/Tk6oWvqP

Also if you want to make the recent commnents widget title black as well use this

.widgettitle:after {
background-color: black!important;
}

Result – https://www.screencast.com/t/UJr7r06ZkPCr

If I misunderstood something please corect me, and I will try to provide other solutions.
Thanks

Hello someseeds,

In order to remove more from author you can use 2 methods:

The css method:

.td_block_related_posts .td-related-right {
display:none;
}

or you can edit the theme files: comment out or delete this part: http://screencast.com/t/Okmq7lxTDzGd

For your second request, if you want to change the background-color for the Related Articles tab you should use the code below and place it in Theme panel->Custom CSS area.

.td-related-title .td-cur-simple-item {
background-color: red;
}

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

Thank you!

Hi,
The element is created custom for the dark demo version. In order to re-create it you need to create a tab element in visual composer and only use grids with style 1. Then you ned to add an extra class to the tab element: td-tab-color
Once you did this, you need to copy over the css from the black version into the main style.css file: http://screencast.com/t/2A3bCsQF
Thanks.

Hello krismali,

You should use the code below and place it in Theme panel->Custom CSS Area. I have noticed that you have some plugins for security and most likely that’s why the code not working.

The code is ->

.td-grid-style-2 .td-tiny-thumb .td-module-meta-info {
display: block!important;
}

Thanks for your understanding!

Hello luxechicago,

If you want to give a style for your meta info by line for author name and date, you should use a bit of CSS code to do it.

.td-post-author-name a{
float:left!important;
}

The result is here -> https://www.screencast.com/t/F6uqYFKD

Regarding on comment box, please notice that the theme will do not hide is the comment is “0” if you want this. So, if you will check the theme panel, there you will find an option to disable it for modules/blocks and posts like this -> https://www.screencast.com/t/ImGU2bqO3axE -> https://www.screencast.com/t/1TnE7sr2

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

Thanks for the message!

Hi,

Unfortunately I can not view the screenshot – https://www.screencast.com/t/bYurLieO but I guess you want the slider and the Don’t miss block background to be black, you can do that using this code, enter it in Theme panel->Custom Css

.import_video_slider_bg, .import_dont_miss {
background-color: black;
}

Results here – https://www.screencast.com/t/mjtrR7fzeHP – https://www.screencast.com/t/068iF3rVC

Thanks

Hello,

Unfortunately this can only be changed with css. You can use this code:
.post .td-category a{
padding:10px!important;
font-size:12px!important;
}

Please add the coide in the theme panl0> custom css box

Thank you!

Hi,

You can try this code, enter it in Theme panel->Custom Css

.td_block_social_counter .td_social_info,
.td_block_social_counter .td_social_info_name {
display: none!important;
}

Result – https://www.screencast.com/t/StqtEgZw
Thanks

Hello,

1. please first use a font that is already loaded such as verdana and see if the font changes with the css. You cannot use a custom font with css without loading it first. The font loading is done with another css code like so:
@font-face {
font-family: 'add your font family here';
src: url('add the source url for the font. insert the path that leads to the font') format("opentype");
font-weight: normal;
font-style: normal;
}

2.For the mobile version of the text logo, please use this code:
@media (max-width: 767px){
.td-logo-text-container .td-logo-text {
font-size: 56px!important;
}
.td-logo-text-container .td-tagline-text{
font-size: 16px!important;
}}

Thank you!

Hello Chito,

Do you are referring to display the featured image only on modules/blocks and not on the post pages, right? So, if you want to do this, you should use a bit of CSS code to hide the featured image in the post content.

The code is ->

@media(max-width:767px){
.postid-78 .td-post-featured-image{
display:none;
}
}

The result is here -> https://www.screencast.com/t/GLPcCcCTCqh

You should use the certain post ID, like in the above example.

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

Thanks for the message!

Hello,

Unfortunately for the mobile theme does not have any font options at the moment. They can be changed with css though. Unfortunately there is no particular font to change on all the mobile theme at once. Our theme does not have a global font option. Individual elements must be changed.

Thank you!

Hi,

Try this code for post template 6, enter it in Theme panel->Custom Css

@media (min-width: 767px) {
.td-post-template-6 .td-post-header {
height: 500px;
}
}

Result – https://www.screencast.com/t/yJVVezk3
Thanks

Hello orlando,

I will not tell you to hire a technician, but please keep in mind that you should do it yourself the site optimization because we cannot provide this type of services at the moment, sorry!
First of all, the above plugins which you mean, are not tested with our theme, and we have no idea about the theme behavior with these, sorry!
As you can see, the speed booster will be automatically disabled if you will use some untested plugins. The Speed Booster is an optional plugin, and it works only with the tested plugins.If you use other plugins, it will be automatically disabled, and I suggest to check this first in System Status. However there is a workaround to make it also work with other plugins, you can read more here – https://forum.tagdiv.com/topic/speed-booster-not-compatible-with-vaultpress/
Unfortunately, the time doesn’t allow us tot provide any custom and optimization services. We provide support only for the theme related issues based on Envato support policy – https://themeforest.net/page/item_support_policy I suggest to get someone to help you if you want to optimize your site.
We recommend our speed booster plugin to increase your page speed and also, you should read our guide carefully because there you will find all the steps which are needed to take in this regard. Also, there you will find a method on how you can minimize the style.css file and also if you are using our speed booster plugin, the js file will be automatically minimized.

Thanks for your understanding!

Hello,
If you want to update the theme in the standard way please use this guide: https://forum.tagdiv.com/how-to-update-the-theme-2/
If you have modifications in the code and only want to replace the changed files these are: td-login-modal.php, td_config and style.css
Thank you!

Hi,

Sorry that I misunderstood what you wanted, an example or a screenshot would have helped. If you want to hide it with css on a specific block or module, you can add it’s class before the code like this example

.td_block_12 .td-read-more{
display: none!important;
}

Thanks

Hello m0re,

Please keep in mind that each post page displays the post author, underneath the post content. If you want to remove the author box for a certain post you should use a bit of CSS code to do that.

The code is here ->

.postid-217 .author-box-wrap{
display:none;
}

The result is here -> https://www.screencast.com/t/xl2sOy3A

Also, if you want to display all of your authors on a page, you should use the Block Author Box from Visual Composer.

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!

Hi,

That text can be modified that text in Theme panel->Theme fonts->Footer – https://www.screencast.com/t/JnOXHvnDnp
The text logo inherits the body font, but you can change it using this code, just enter it in Theme panel->Custom Css

.footer-logo-wrap {
font-size: 12px;
}

Result – https://www.screencast.com/t/jWq53p1D6Q
If that is not what you meant about the logo please provide more details.
You can remove the “About Us” by removing it’s translation in Theme panel-> Translations – https://www.screencast.com/t/02OtjgEUEgoR

Thanks

Hello,

1. for the button please use this css:
#mc_embed_signup_scroll #mc-embedded-subscribe input[type=submit]{
background-color: #9f2c2c!important;
border-radius: 15px!important;
}

2. for the sticky menu height you can use this code:
@media (min-width: 768px){
.td-affix #td-header-menu {
min-height: 90px !important;
}
.td-header-wrap .td-affix .sf-menu > li > a, .td-header-wrap .td-affix .td-main-menu-logo a{
line-height: 90px!important;
}}

Thank you!

Hi,

I meant you can create as many sidebars as you want but yes, you can only select one at a time for any page (pages, categories, posts etc). You can add more ad boxes above the News Category and it will get pushed down, you can make it a dropdown list – https://www.screencast.com/t/WG2nZ7jGC – https://www.screencast.com/t/u1xp642J8 and fill the space with ad boxes, or remove it, whatever you think it’s best.
The code added for the ad on the homepage gets loaded after the theme css style, therefore there is some delay. You could try to move the code directly in the theme style.css if you want, so it loads initially from there and see how it goes.

Thanks