Search Results for 'css'

Hello gauravkohli,

If you want to change the color text of the News ticker feature, you have to use a bit of CSS code for it. Please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.td_module_trending_now .td-module-title a {
color:red;
}

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

Hope this helps!

Thank you for the message!

Hello Dariob,

If you do not want to show the title of that page, you should try to use a bit of CSS code to hide it. Please try the code below and add it in Theme panel->Custom CSS Area.

The code is ->

.td-page-title {
display:none;
}

Thank you for the message!

Hi,
Please provide a link to your website so I can provide a css code that I can test on your site.
Thanks.

Hello,

This will not be an easy task as it will have to be added with css. The mega-menu sub-categories will have to be targeted using a child selector. For example:
http://screencast.com/t/PsP9L9UqNw
If you want to add particular icons for every menu item, you will need to use a code for every single menu item like so:
.menu-item-53 .block-mega-child-cats a:nth-child(4)::before {
content: "\f040";
font: normal normal normal 14px/1 FontAwesome;
margin-right: 5px;
position: relative;
}
The nth child is the number corresponding for every child of the main menu item.
Result: http://screencast.com/t/z4KXnbfhQW
You will also need the menu-item for the main menu to target them. you can get this class with your browser inspector.

I hope this helps.
Thanks.

Hello Dhananjay,

If you want to move your author box to be under the post title, you have to change the code according to the single template used by you. For example, if you are using single template 1, you have to edit loop-single-1.php core file like this -> http://screencast.com/t/UF3fz2HCsx2 and then you have to use a bit of CSS code to do the image of the author to be circular.

The code is ->

.author-box-wrap img {
border-radius:50px;
}

the result you should see here -> http://screencast.com/t/6RRTZra1y8

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

Thank you for the message!

Hi,
It is possible by using this custom css:
.td-image-gradient:before{
display:none!important
}

Thanks.

Hello mystudent,

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

The code is ->

.td-header-menu-wrap {
border-bottom: 1px solid red;
border-top: 1px solid red;
}

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

Hope this helps!

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

Thank you for the message!

Hello,

You can position it in line with the other elements without problems, but you will not be able to make it square as the other topic suggests. The icon comes from javascript and their server. They do not have square icons. sorry. and you cannot change it with css as it is rendered as an iframe.
For positioning you can use this css:
.td-default-sharing iframe{
position:relative;
left:8px;
top:2px;
}


I hope this helps.
Thanks.

Hello Ben7777,

If you want to make your menu to be transparent, you have to use a bit of CSS code for a background-color. Please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.td-banner-wrap-full, .td-header-menu-wrap-full {
background-color: transparent;
}

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

Thank you for the message!

Hello,
It seems that the image slider on the right of the block stretches it’s container over the block. Please check your page in visual composer and check if you have any double row’s or some custom positioning css that might affect the block. You can try to remove the slider and see if the block works and then try to implement it differently.
Let us know how it goes.

Hello,

You will need to remove any custom css you might have that affects the title and use both these classes to target both versions of the logo:
.td-header-style-7 .td-header-sp-logo img{}
and
.td-header-style-7 .td-affix .td-header-sp-logo img{}

Thanks.

Hello mabrell,

For achieving that, you have to use a bit of CSS. Please try the code below and add it in Theme panel->Custom CSS area. Below I gave you an example for module MX5. You have to implement this code for your modules that you are using in the theme and see how it works on your side. Here you can see the list to the modules used in blocks -> http://screencast.com/t/hd1pe4Mi

The code is ->

.td_module_mx5 .entry-title {
background-color: rgba(77,178,236,.7);
}

Hope this helps!

Thank your for the message!

Hi,
In order to remove the no comments text, you will have to disable comments on posts from the theme panel: http://screencast.com/t/Bn9ih8wA
If this also disable your facebook comments, then you can use css to hide the message like so:
.comments{
display:none!important;
}
I hope this helps.
Thanks.