Search Results for 'css'

Hi,

Please use this css for the top padding:

.page .td-page-wrap .td-grid-wrap {
padding-top: 0px;
}

Should work like this: http://screencast.com/t/ztEeowAgJTE

Thanks

Hi,

Please use this css:

.menu-primary-menu-container .sf-menu > li > a {
line-height: 20px;
}

.td-menu-placeholder .td-menu-background .td-menu-wrap {
height: 20px;
}

.td-menu-wrap .header-search-wrap #search-button .td-sp-ico-search {
top: -2px;
}

Should work like this: http://screencast.com/t/F9jWunuJujbp

Thanks

Hi,

Try this css:

#td-footer-1 input {
height: 50px;
word-break: break-word;
}

Note that this will change all input fields from the footer 1 widgets area, change the height as you like.
Hope this helps!

Thanks

Hi,

Glad you figured it out, thanks for reporting this, we will take a look and fix this in the next theme update.
Unfortunately you can’t modify the css generator file using child theme.

Sorry about this!
Thanks for the message!

• This reply was modified 11 years by Lucian.

Hi,

You don’t need to style the buttons, just uncheck this box from plugin settings: http://screencast.com/t/418lcQ8tq
Use the "Enter CSS to fix or modify how your buttons look" field of the plugin to style the buttons yourself.

Thanks

Hi,

Please use this custom css also, should solve both issues:

.td-mega-grid .td_block_mega_menu .td_mega_menu_sub_cats .block-mega-child-cats div a {
width: auto !important;
}

Thanks

Hi,

Please send me a link to your site so I can check this, also please try to add a class to your text block like this: http://screencast.com/t/JbtiwRvGLf9 Then use that class to set the background color as you like: http://screencast.com/t/LSm3oaErskM
You can use and add the same class as I did, just add the class like shown in the first screenshot and then add the custom css from below in your custom css field from theme panel:

.my-text-block-class {
background-color: #4db2ec;
}

Thanks

Hi,

I have tested it, should work fine: http://screencast.com/t/WxpEpBig
Please make sure you add this correctly http://screencast.com/t/Ixrr28AE
And then use this css and remove the previous from theme panel > custom css:

.slider .td-big-grid-post .td-block-author {
position: relative;
top: -100px;
color: blue;
font-size: 20px;
font-weight: bold;
}

.slider .td-big-grid-post time {
position: relative;
top: -100px;
color: blue;
font-size: 20px;
font-weight: bold;
}

.slider .td-big-grid-post .td-block-author a {
color: blue;
}

Change the color/font.. as you like using the css targeting I provided.

Thanks

Hi,

Please use this custom css in theme panel > custom css field to change the title style:

.vc_carousel .wpb_gallery_heading {
padding: 3px 10px 3px 10px;
color: white;
display: inline-block;
background-color: #4db2ec;
position: relative;
font-family: 'Roboto Condensed', sans-serif;
border-bottom: 2px solid #4db2ec;
font-size: 20px;
font-weight: normal;
text-transform: uppercase;
line-height: 26px;
}

.vc_carousel {
position: relative;
}

.vc_carousel .wpb_wrapper:before {
content: '';
position: absolute;
height: 2px;
top: 57px;
left: 0px;
background-color: #4db2ec;
width: 100%;
}

Regarding the category you don’t need the category slug to filter the posts, you just add the category name by typing the category name, like this: http://screencast.com/t/Y1tMqqiOs7c
I tested this and works. Please make sure you have added the category right.

Thanks

• This reply was modified 11 years by Lucian.

Hi,

Use it like this: http://screencast.com/t/HCs2g4EZ
Remove the previous custom css and use this one:

.td-full-layout .td-big-slide-background .td-grid-wrap .slider, .td-boxed-layout .td-big-slide-background .container .td-grid-wrap .slider {
box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}

Thanks

Hi,

You could but then you will have to modify all image container module/slides.. to use just that only image size and then use css to resize the image container for each module/slider.. which is not an easy job as the theme hasn’t been designed like that.
Other think you would worry about it’s that in case you modify it to use just one image then if the image size it’s let’s say to 1/2 MB that will be loaded on every module and you will have a 1/2 MB large image loading instead of an thumb size image.

Thanks

Hi,

The big slider was originally thought and designed to use 4 posts.
You could try though something like this: http://screencast.com/t/52NcXbRGo2dA
First you have to add another image size into the functions.php file, like this: http://screencast.com/t/5Ob5LBNXBGK0
Here is the code for it:

//big slider - new image
add_image_size('new-image',  354, 483, true);

Second you have modify this: http://screencast.com/t/Or0iRGwRB
Then you have to regenerate thumbnail, to create the new thumbs for the slider, to do that follow this guide: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/

After doing that add this custom css into custom css filed in theme panel, like this: http://screencast.com/t/Irdh4spACkPy
Here you have the css, just paste it in the custom css filed in theme panel:

.td_block_big_grid .td-big-grid-post-0, .td_block_big_grid .td-big-grid-post-1, .td_block_big_grid .td-big-grid-post-2 {
width: 354px !important;
height: 483px;
}

.td-big-grid-post-3 {
display: none;
}

.td_block_big_grid .td-big-grid-post-0, .td_block_big_grid .td-big-grid-post-1 {
border-right: 5px solid #ffffff !important;
}

.td-sbig-title-wrap, .td-sbig-title-wrap {
bottom: 0px;
}

.td-sbig-title-wrap .td-sbig-title, .td-sbig-title-wrap .td-sbig-sep
{
font-size: 16px;
line-height: 21px;
}

Result: http://screencast.com/t/52NcXbRGo2dA
This can be used to achieve similar layouts.
Hope this helps!

Thanks

Hi,

I have tested all css codes I provided you and seems like whichever you use works just fine:

* http://screencast.com/t/KRshDjgXGVej
* http://screencast.com/t/O5nzvz0eyo
* http://screencast.com/t/JmGd8iKJO

As you can see all of then work on your site just make sure you remove all codes used for this and add one of the code like this: http://screencast.com/t/Rj6oje1DbM

Thanks

Hi,

Please remove the css I initially provided and use this one, make sure you add it like this: http://screencast.com/t/nqPBLr7AF3f

@media (min-width: 768px) and (max-width: 1018px) {
.sf-menu > li > a {
  width: 60px !important;
  font-size: 11px !important;
  text-align: initial !important;
}

.sf-menu .menu-item.menu-item-1442 a, .sf-menu .menu-item.menu-item-544 a, .sf-menu .menu-item.menu-item-546 a {
width: auto !important;
}
}

@media (min-width: 1018px) and (max-width: 1200px){
.sf-menu li a {
width: 98px!important;
font-size: 14px!important;
}
.sf-menu .menu-item.menu-item-1442 a {
width: auto !important;
}
}

I’ve tested this on your site should work fine: http://screencast.com/t/iBB1semS

Thanks