Search Results for 'css'

Hi todaybase,

I suppose that you mean the top bar social icons and the footer too. You can change the size of this if you use the code below. Place this code in your Theme panel->Custom Css. With first code you can change the social icons in Top bar menu and with the second code you can change the footer social icons.

.td-social-icon-wrap .td-icon-font {
font-size: 24px;
width: 40px;
}

The result: http://screencast.com/t/9cPtMKjO

.td-social-style-X .td-icon-font {
font-size: 25px;
width: 50px;
height: 50px;
line-height: 50px;
}

Note Where X is the number of footer style used!

The result: http://screencast.com/t/YcNcyO40

If is not what you mean, please provide more details abour your problem so i can be able to provide a more accurate response.

Hope this helps and let us know how it goes!

Thank you!

Hi,

Unfortunately css does not know what category it is coloring. You can only color an element. If you wish to color a particular element with a particular color you have to use a css selector that targets that particular element.
http://www.w3schools.com/cssref/css_selectors.asp
for example on this block1: http://screencast.com/t/AZEgaCl8joEN

.td_block_id_132895618 .td_module_mx5 .td-big-grid-meta>a{
background-color:red!important
}
.td_block_id_132895618 .td_module_mx11 .td-big-grid-meta>a{
background-color:green!important
}

But css does not know which category is displayed. If another category is displayed in that particular element you colored, it will also have that color you set.
Css is not dynamic like that.

On the other hand. You can copy over the function i showed you in a previous reply and replace it with the function from td_module.
The function to get_gategory is a big one. It starts at function get_category() { on line 177 and goes all the way to line 267 after return $buffy. You need to copy this whole code from: http://screencast.com/t/v5zSRpvR
and copy it to td_module replacing the get_category function there: http://screencast.com/t/Khkp9xlu0m
As a result you will have the color from the theme panel set to the category tag on modules but at the same time it will pick up every category the post has as parent: http://screencast.com/t/gFLrJld6

So, as a bottom line, your problem cannot be resolved by either methods as the css one is not dynamic and the php one pulls all categories to the block.
You will need custom work to get it exactly as you wish, with only one parent category and colors at the same time.

I hope this sheds light on the subject.
Thank you!

Hi strawberrybase,

You can achieve this if you increase the height of the td-header-sp-logo. Also you have to adjust and the padding-top of the image ad to look better.
Please try the code below and place it in Theme panel->Custom Css area.

.td-header-sp-logo {
height: 130px!important;
}
.td-header-style-1 .td-header-sp-logo img {
max-height: 130px!important;
}
.td-a-rec-id-header a img {
padding-top:30px!important;
}

The result you should see here: http://screencast.com/t/t6wuwGIC0g8Y

Hope this helps and let us know how it goes!

Thank you!

Hello,

I have inspected your website and saw that custom css is being applied from the theme panel:
http://screencast.com/t/NYpP7aAS the code is being rewritten with code from your theme panel: http://screencast.com/t/4mykZlG108e
As for the child theme, please follow this tutorial here: https://forum.tagdiv.com/the-child-theme-support-tutorial/ those are the only files that work from the child theme at the moment.

Thank you!

Hello,

It looks like the line height was decreased. Please use this custom css to adjust it:

ul.sf-menu > .td-menu-item > a{
line-height: 80px!important;
}
result:http://screencast.com/t/l7hsX4i5LC

Thank you!

Hi SamuelWright,

Please try the code below and place it in Theme-panel, Custom Css area.

.td_block_id_2613887240 .block-title {
font-weight:bold;
}
.td_block_text_with_title {
padding-bottom: 0px;
}

The result you should see here: http://screencast.com/t/jTqNtzyNlaP

If is not what you want, please provide more details about this, so i can be able to provide a more accurate response.

I hope this helps and let us know how it goes!

Thank you!

Hi Arafat,

You have omitted a curly braces in your Custom Css. Please add it like this: http://screencast.com/t/9x9kyyav9 After this, the code should works fine.

Hope this helps!

Thank you!

Hi ntoulios88,

Unfortunately, we have not tested the updated plugin of Seo Yoast with the latest version, because is too early to do this and we have no idea for the behavior of the theme with this updated version. I suggest you to wait until the updates will stabilize. Our developers try to find a solution for this and hopefully in a future update we will be able to implement these fixes.

For your second request, you can change the background-color pagination if you use the code below. Please place the code in Theme panel->Custom Css area, like this: http://screencast.com/t/uKGt0do9

.td-next-prev-wrap a {
background-color: black;
}

The result you should see here: http://screencast.com/t/V9qsTNl08OFg

Hope this helps!

Thank your for your understanding!

Hello matijakurusic,

If you want to change the block title colors for a specific block, you can achieve this thing if you set this option within Visual Composer->Block Settings, like this: http://screencast.com/t/RRb7jeCLDIu . After this, please clear all caches and try it again. If your problem is still there, please send us an email at contact@tagdiv.com and provide your log-in information so we can take a look at your page setup. Please also provide a link to this topic so we know who you are.

For your second request, you can change the font in Theme panel->Theme fonts->Other->News Sticker Title, like this: http://screencast.com/t/pXssS3aJC and for change the font color, please use the code below in your Custom Css area, within Theme panel, like this: http://screencast.com/t/0aJpgH9A

.td-trending-now-wrapper a {
color:red;
}

The result you should see here: http://screencast.com/t/v6o6HFs2W

Hope this helps and let us know how it goes!

Thank you!

@awtown We’re sorry for the confusion. The css include method has been change in theme’s version 2.0 and this change was mentioned in theme’s update log: http://screencast.com/t/wCnxUL0dfyeo and in child theme’s documentation also: https://forum.tagdiv.com/newsmag-child-theme-support/ Please just follow my instructions on this and if you still can’t manage it address us via email at contact@tagdiv.com including a link to this conversation and also give us wp-access so we can have a closer look at this and assist you on this.

Thanks!

Hi strawberrybase,

Please try the code below and place it in Theme panel->Custom Css area, like this: http://screencast.com/t/iz9wZkROAek

.td-header-style-1 .td-header-sp-logo img {
max-height: 107px;
margin-left: 0px!important;
}

The result you should see here: http://screencast.com/t/Zma9NIfN1S1

Hope this helps and let us how it goes!

Thank you!

Hello,

It can be done only it will require custom modifications. Visual composer elements were not designed to work with category pages. You can add VC elements to the category page if you edit the core files either the template file or the top post file: http://screencast.com/t/aSHu4ciI and add a do_shortcode function
Every VC element creates a shortcode which you can see in text mode when editing a page. This shortcode can be used as the example above to force the page to display a block.
<?php echo do_shortcode('enter visual composer shortcode here');?>
It will require additional css to adjust the layout but this is the general idea of how it can be achieved.

Thank you!

Hello,

Actually the header is not that far from our own header styles: http://screencast.com/t/nmL4klbk4kM.
It has the exact same elements to it except for the live radio widget.
You can see a list of header styles you can chose from here: https://forum.tagdiv.com/header-styles/
If you wish to replicate the header you will need a few css adjustments and modification though.

Thank you!

Hello,

Unfortunately there is no option in the theme panel for it, but it can be removed with css:

.td-backstretch{
transition: opacity 0s!important;
}

Just add the code in the theme panel->custom css box and the fade will be removed.

Thank you!