Search Results for 'css'

Hi,

Use this css: http://screencast.com/t/Y7YtvOkLq

.td-header-style-8.td-affix  {
height: 76px !important;
}

.td-header-style-8.td-affix 
.td-li-wrapper-menu {
position: relative;
top: 8px;
}

.td-header-style-8.td-affix .td-li-wrapper-menu .sf-menu > li > a {
height: 50px;
line-height: 60px;
padding-bottom: 15px;
}

Thanks

Hi,

You can make this changes to the td_module.php file: http://screencast.com/t/nglNYUYbyYG
Or replace the whole condition with this:

if ($this->post->post_excerpt != '') {
            echo '<div class="custom-class">';
            return $this->post->post_excerpt;
            echo '</div>';
        }

Then use css to hide the excerpt on pages you don’t want it: http://screencast.com/t/JXdfFoge4a

.category .custom-class {
display: none;
} 

Hope this helps!

Thanks

Hi,

In the last version of Visual Composer the classes have changed and the buttons that we haven styled lost their css, we have this on our todo list and we are working on it unfortunately we still have incompatibility issues regarding VC style.
I can find a solution for this in this topic: https://forum.tagdiv.com/topic/buttons/#post-21804
Or you can try to use this custom css:

.vc_btn{
border-radius: 0px;
background-image: none;
background: #4db2ec !important;
color: white;
border: none;
text-shadow: none;
font-family: 'Roboto Condensed', sans-serif;
font-weight: normal;
font-size: 14px;
padding: 5px 12px 7px 12px !important;
margin-bottom: 4px;
transition: opacity 0.4s;
}

.vc_btn:hover {
text-shadow: none;
opacity: 0.8;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
text-decoration: none !important;
color: white;
}

Hope this helps!
Sorry about this!

Hi,

You can remove it from here: http://screencast.com/t/fs3cXK2BN7tY or you can hide it via css using this custom css in theme panel > custom css: http://screencast.com/t/Af00y4uySZ

.iosSlider .slide-meta {
display: none;
}

Thanks

Hi,

You can move the category tags above title or anywhere you want in the template, my ex is for the default post template and looks like this: http://screencast.com/t/gwthSzJD7MBo
For this you have to move this inside loop-single.php file: http://screencast.com/t/26Gx2qF5na8
Then use this css to arrange it:

.td-post-content .td-category {
top: 11px;
}

.td-post-content .post header h1 {
clear: left;
padding-top: 10px;
}

You can do the same for the other post templates.
Having duplicated content isn’t good for seo but I’m not sure that in this case search engines get a duplicated content, you could try to search for a seo tool to scan this page for duplicated content and if dose pick up duplicates you can use SEO by Yoast plugin to add the yoast breadcrumbs and customize them as you like: https://forum.tagdiv.com/topic/how-to-add-breadcrumb-to-my-custom-post-type/#post-19846

Hope this helps!
Thanks

hi,

I have inspected this and seems like this is a theme related issue, thanks for reporting it, we will fix this in the next update, until then you can use this css to fix it: http://screencast.com/t/Vv0kVYTBTr

.td_mod9 {
margin-bottom: 15px;
}

.span4 .wpb_widgetised_column .td_block6 .td_mod9 .item-details {
margin-left: auto;
}

Thanks

Hi,

This is an h4 tag on post page: http://screencast.com/t/0Xkg7iuj1
This is an h4 tag on page: http://screencast.com/t/AA9GKTzzWs3g
Please use this css to change the page h4 to appear as the post h4: http://screencast.com/t/fB5Z3yma

.td-page-text-content h4 {
font-family: 'PT Sans', sans-serif;
color: #222222;
margin: 25px 0px 27px 0px;
font-size: 28px;
line-height: 34px;
font-weight: bold;
}

Hope this helps!

Thanks

hi,

If you mean that you want to show the mobile menu on tablet screens if the menu doesn’t fit on one line unfortunately that is not possible.
What you can do is to style the menu via css and make the menu font smaller or use smaller names for your menu items.

Thanks

Hi,

Please use this css for that issue:

.ie11 .single_template_1 .post .td-post-featured-image .entry-thumb {
margin-right: 20px;
}

Thanks

Hi,

You can edit the style.css file located in theme’s root and remove them from there.

Thanks

Hi,

Please use this custom css:

.post header {
margin-bottom: 0px !important;
top: -15px !important;
}

.post header h1 {
margin-bottom: 0px !important;
}

.post header .meta-info {
display: none;
}

Thanks

• This reply was modified 11 years by Lucian.

Hi,

Use this custom css: http://screencast.com/t/gk3dYS8z

.td-big-grid-title .td-sbig-title-wrap, .td-sbig-title-wrap .td-sbig-title {
background-color: rgba(239, 77, 122, 0.7) !important;
}

Make sure you use a rgba color and keep 0.7 value if you want to have the background slightly transparent.

Thanks

Hi,

I have checked your site and noticed that somehow the changes you made to the menu aren’t applied in Firefox.
Please use this custom css in theme panel > custom css, like this: http://screencast.com/t/rdvkEKIgs1Fi

@-moz-document url-prefix() {
.sf-menu > .td-menu-item > a {
font-family: Roboto;
font-size: 17px;
line-height: 47px;
font-weight: bold;
text-transform: capitalize;
color: #ffffff;
}
}

Thanks

Hi,

Please use this custom css to fix this: http://screencast.com/t/PY5VX0Pw0

.td-big-grid-title a:hover {
color: white;
}

Thanks

Hi,

Unfortunately that is not an easy task because that alignment comes from theme’s grid which has an exact layout and you will need custom work to change that.
This involves changes the html and style of that block and make it responsive then test it, like I said, it’s not an easy task.
I can give you an example on how you would have to target the columns using css as a staring point but I haven’t tested this and I can’t let you know how it would behave: http://screencast.com/t/MbtoiNs9

.td_block1 .row-fluid [class*="span6"]:first-child {
float: right;
}

.td_block1 .row-fluid [class*="span6"]:nth-child(2) {
margin-left: auto;
}

Unfortunately we cannot offer custom work as we work hard on the development, updates, fixes and support. We suggest to hire a developer from sites like: http://studio.envato.com/ if you don’t know how to do it yourself.

Sorry about this!
Thanks for understanding!

Hi,

Use this css: http://screencast.com/t/lKyULqflhm

.td-boxed-layout  .td-header-style-8.td-affix  .td-menu-wrap {
height: 73px !important;
}

.td-header-style-8.td-affix 
.td-li-wrapper-menu {
position: relative;
top: 8px;
}

.td-header-style-8.td-affix .td-li-wrapper-menu .sf-menu > li > a {
height: 50px;
line-height: 60px;
padding-bottom: 15px;
}

Hi,

You can use this custom css: http://screencast.com/t/fhbMX4MyJiR
Change the color as you like:

.td-big-grid-post .td-sbig-title-wrap .td-sbig-title {
background-color: rgba(64, 184, 92, 0.7);
color: #000000;
} 

Thanks

Hi,

Thanks Christopher!
You can change this via css, like this: http://screencast.com/t/YxB8PMsKuR3

.td_mod9 .item-details .entry-title a {
color: red;
}

Thanks