Search Results for 'css'

Hello Alok_Mishra25,

If you want to change the background-color and the hover color for your social icons fro the footer section, you have to use a bit of CSS code to do that. Please the code below and place it in Theme panel->Cusotm CSS area and the result you should see here -> http://screencast.com/t/k0JR4t3nV1

The code is ->

.td-icon-font {
background-color:green!important;
}
.td-social-icon-wrap i:hover {
color: blue!important;
}

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

Thank you for the message!

Hello mystudent,

If you want to have around the content area, sidebar and between sidebar and content area a border, you have to use a bit of CSS code to do that. Please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.td-ss-main-content {
border:1px solid black;
padding: 5px;
}
.td-ss-main-sidebar{
border-top:1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
padding: 5px;
}
.td-pb-row [class*="td-pb-span"] {
padding-left: 0;
padding-right: 0;
}

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

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. Some useful screenshots are welcome for a good understanding.

Thank you for the message!

Hello,
1) You can use this css to reduce the footer height:
.td-footer-wrapper{
padding-top: 20px!important;
padding-bottom: 0px!important;
}
.td-footer-bottom-full{
margin-top: 0px!important;
padding-top: 20px!important;
padding-bottom: 10px!important;
}
.td-footer-wrapper .block-title{
margin-bottom: 20px!important;
}

You can change these values to your preference.

2)The theme has a function in it’s code that grabs the header logo if no footer logo is specified. You cna hide the footer logo with css like so:
.footer-logo-wrap{
display:none!important
}

Thank you!

Hi,
The top menu should get the color from the theme panel except for your main menu which is a plugin option.
please change it in the theme panel and clear your cache afterwards.
If this still does not work it could be conflicting with your menu plugin so you can use css to change it also if you do not want to disable the plugin:
.td-header-wrap .td-header-top-menu-full{
background-color:transparent!important;
}
Thanks.

Hello,

The links are affected by the theme accent color: http://screencast.com/t/JWlBslIVJi but this setting does not affect only the links unfortunately. On blocks you can change the link colors from the block setting: http://screencast.com/t/aq1ZQJRSYpa but this will also change the title background color.
You have an optical ilusion going on with the modules/blocks links They do not seem to match the ones in the top menu or the footer (but they are the same color) so I assume that is what you wish to accomplish. In this case to make the modules and blocks hover color for the links match the links from the header and footer, you can use this css:

.td_module_wrap:hover h3 a{
color:#932222!important
}


(side-note: It’s best to provide as many details as possible with your requests. There are multiple links on a site and they come from different places. Simply ‘changing the colors of the links’ won’t do it. What links? where?)
If this is not what you mean, please provide more details.

Thanks.

Hi,

If you want to remove the page title, youi can use this custom css to hide it:
.td-page-title{
display:none!important;
}

Thank you!

Hi,

1) Yes, that is what I was suggesting. Don’t remove the css color, just remove the color from the theme panel so the theme does not go into boxed mode.
2) For header style 9 you can use this code to add an image in the logo container:
.td-header-style-9 .td-logo-wrap-full{
background-image: url(‘http://wowslider.com/sliders/demo-5/data/images/saarschleife.jpg’);
}
result: http://screencast.com/t/qC03xDc7a
You simply have to edit the url and add a few positioning proprieties so your image will fit properly.

Thanks.

Hi,
You can change the review font size with this custom css:
.td-review .td-review-desc, .td-review-summary-content{
font-size:20px!important
}
You simply add the code in the theme panel ->custom css box. If you want to revert changes, you simply delete it from there.
Thanks.

Hello mystudent,

If you want to add the vertical border for each item in your main menu and top menu, you 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 ->

.sf-menu li{
border-right: 1px solid black;
}
.top-header-menu li{
border-right: 1px solid white;
}

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

Thanks.

Hello mystudent,

I suppose that you are referring to the post content area. If you want to change the color of this, please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.td-post-content {
color:green;
}

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

If you need more assistance in this regard or 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 mystudent,

If you want to add a border to all sidebar in Newspaper, you have to use a bit of CSS code to add this. Please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.td-ss-main-sidebar{
border: 3px solid black;
padding: 5px;
}

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

Hope this helps!

Thank you for the message!

Hello Reza,

If you want to remove the WhatsApp icon, you have to use a bit of CSS code to hide it. Please try the code below and add it in Theme panel->Custom CSS area or if you want to delete this option from the code, you have to follow this step, like this -> http://screencast.com/t/4qP2nZGmxP

The code is ->

.td-social-whatsapp {
display:none!important;
}

Thank you for the message!

Hello,
In order to use custom ads with our theme, please use this method: https://forum.tagdiv.com/using-other-ads/
Use the div’s provided so the theme can interpret the code as an ad and apply the proper css for it.
Thank you

Hello cstibi,

1) If you want to hide the hover effect over your source name you have to use a bit of CSS code to disable the cursor effect. Please notice that this type of code is per general and applies for all your posts. If you want to apply only for a specific post, you have to target this post by post ID. You can get the post ID like this -> http://screencast.com/t/hIoOuVQX2sT8 If you want to do this thing automatically, please notice that is not a simple task and you have to alter the code and add some condition (if/else statement). If you are not aware the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide custom services at the moment, sorry!

The code is ->

.postid-1057 .td-post-small-box {
pointer-events:none;
}

2) Unfortunately, our theme does not have such an option to set the new window for the source/via but you can add target=”_blank” attribute to the via and source URL like this: http://screencast.com/t/yoOl4J4eN

Hope this helps!

Thank you for the message!