Search Results for 'css'

Hi,
It seems your thumbnail is bigger than the original thumbnail used for this block http://screencast.com/t/WhFLnxnQTSa4
If you made modifications to the theme width, then this could be the result of that. Please change the row settings in design option and revert the settings to their default. Your thumbnail gets enlarged by css that is why it loses the quality. Please try a block 18 on a test page with no other settings or modification to see if the image still displays the same.
Let us know how it goes.
Thank you!

Hello,
You need to use css for positioning. You can use floats or display:inline. Assign some classes to your elements so you can target them with css. (.mycustomclass{display:inline;})
Hope this helps.
Thanks.

Hello gsinatti,

I suppose that you are referring to decrease the padding between blocks. If you want to do this, you have to use a bit of CSS code.

The code is ->

.td_block_wrap {
padding-bottom: 5px;
}
.td_block_wrap .td-next-prev-wrap {
margin-bottom:0!important;
}

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

Hope this helps!

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

Thank you for the message!

Hello,
I tested this code again and it still works as the css classes were not changed.
Thank you!

Hello paolom83,

In order to achieve as you wish, you have to use a bit of CSS custom code to do that. Please try the code below and place it in Theme panel->Custom CSS Area.

The code is ->

.wp-caption-text{
position:relative;
margin-top:-22px;
color:white;
}

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

Thank you for the message!

Hello,
Unfortunately our theme does not break words. It will recognize the spaces between the words for the title to add another line. In this case (with long words and omg that is a long one :)) there are 2 options. Either make your client add some hyphens “-” to the long words where he wants them to break, or you could use a css trick like so:
h3 a{
word-break: break-all;
}
But this code will break the word at the letter that is considered to be the last to fit inside the container.
Hope this helps.
Thank you!

Hello cstibi,

Unfortunately, our theme does not have such an option to change the background color for the tagDiv gallery. If you want to change this, 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 ->

.td-doubleSlider-2 {
background-color:lightgray ;
}
.td-gallery-slide-top {
background-color: lightgray;
}

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

Thank you for the message!

Hello Matija,

1)If you want to get rid of the footer logo, you have to remove from theme panel, like this -> http://screencast.com/t/5dxEUIQfU For more information about footer section, please consult the theme documentation here -> https://forum.tagdiv.com/footer-templates/

If you want to have this kind of text in the center of the footer section, you have to use footer template style 12 and customize it as you want. For example, you can use it like this -> http://screencast.com/t/bf5EgVMT -> http://screencast.com/t/QsfdYWegY7 and then you have to use a bit of CSS to align the text and the result you should see here -> http://screencast.com/t/oSaZGN9u

The code is ->

.textwidget {
text-align: center;
}

2)If you do not want to have a hover for your main menu, try the code below.

The code is ->

.td-header-style-12 .sf-menu > li > a:hover, .td-header-style-12 .sf-menu > .sfHover > a {
background-color: rgba(0, 0, 0, 0) !important;
}

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

3)Unfortunately, I did not saw extra white spaces for your main menu, sorry! -> http://screencast.com/t/Osi95rpGxb Try to clear all cache (browser cache) and test it again.

Thanks.

Hi,
Please provide a link to your website so I can inspect it and provide the proper css code. If it’s a staging site and requires username and password, please send it to us via email at contact@tagdiv.com and provide a link to this topic as well so we can identify you.
Thank you!

Hello k2point0,

If you want to hide the meta information only for your home page, please try the code below and place it in Theme panle->Custom CSS area.

The code is ->

.home .td-module-meta-info{
display:none;
}

Thank you for the message!

Hello thanik30,

I suppose that you are referring to this Visual Composer element, like this -> http://screencast.com/t/sDDJ0o5sn7k9 If you want to change the font size for this kind of element, you have to use a bit of CSS code and place it in Theme panel->Custom CSS area.

The code is ->

.vc_btn3.vc_btn3-size-md {
font-size: 60px;
}

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

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!