Search Results for 'css'

Hi,

Use this css to remove the border:

.td-boxed-layout .td-menu-background .td-menu-wrap {
background-color: transparent !important;
border-bottom: none;
}

.td-full-layout .td-menu-background, .td-boxed-layout .td-menu-wrap {
background: none !important;
border-bottom: none;
}

.td-full-layout .td-menu-background:after, .td-boxed-layout .td-menu-wrap:after {
display: none !important;
}

.sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a {
border-bottom: none !important;
}

.td-menu-wrap {
height: auto !important;
}

Use this css to target and style the menu item on hover as you like: http://screencast.com/t/aHZiKiXj

.sf-menu .td-not-mega > a:hover {
text-decoration: none !important;
background-color: #c335ea !important;
}

You don’t’ have to worry about the current page highlight because this will be removed with border bottom css.

Thanks

Hi,

Yes, add the custom css from below in theme panel > custom css like this: http://screencast.com/t/UdPawmspG

.post header {
position: relative;
margin-bottom: 0px !important;
top: -10px !important;
}

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

I have tested this on your site, should work like this: http://screencast.com/t/7YvcNbozv2
Change the value if you don’t like it like this.

Thanks

Hi,

Thanks Christopher!

@joventu Use this css to remove the background of social sharing container: http://screencast.com/t/LLYAgqrCQ5xH

.td-tags-and-social-wrapper-box {
border-top: none !important;
border-left: none !important;
border-right: none !important;
background-color: white !important;
}

.td-tags-and-social-wrapper-box-bottom-line {
border-bottom: none !important;
} 

Thanks

Hi,

@sgaddo
We still have incompatibility issues regarding VC style, we are currently working to a new grid which will support all VC elements.
If you like the buttons styled that way you can keep that solution but I can’t tell in what way will affect your site, you will have to keep in mind this changes and refer to it if you encounter any issues.

@reenamn
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. Sorry for the inconvenience. You could try to use a plugin for that until we can provide a fix for this.

Thanks for the message!

Hi,

You can edit the module used (in your case it’s Block 8 – Module 5) and remove the line that displays the image – http://screencast.com/t/kVeu1EhhfaSu
This will remove the image on module 5 for all blocks, if you want to remove it only on specific pages or sections you have to create a condition or use css to hide the images:

.page-id-121 .td_block8 .td_mod5 .entry-thumb {
display: none;
}

The example from above will hide the image only on page with id 121, only on Block8 – Module5.

Thank you, Emil G.

Hi,

The easiest way would be to look for a plugin, and replace the existing buttons.

Another solution would be to edit the existing buttons, you can find the code inside the td_module_blog.php – http://screencast.com/t/hXwBOp80uS8
The buttons icons (sprite elements) are located inside the Newspaper/images/sprite/elements.png file -http://screencast.com/t/0z55q1Hh3Ic
And the css inside the style.css file – http://screencast.com/t/3IMDSuBiTS

If you don’t have basic html/css experience i suggest that you hire a professional developer to build those for you.

Thank you, Emil G.

Hi,

Here you can see which blocks where used: http://screencast.com/t/DSscsaqmjqs
This was made via custom css.

Thanks

Hi,

First try to regenerate the thumbnails: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Please let me know what you find.
Also noticed this while checking your page: http://screencast.com/t/9Vlvb1DzK
You can remove it using this css in theme panel > custom css:

.td-full-layout .td-menu-background:after,
.td-boxed-layout .td-menu-wrap:after {
background: none !important;
}

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

Thanks

Hi,

Unfortunately there is no option for this, you can use css to hide the menu:

.td-menu-placeholder, .td-menu-header {
display: none;
}

Or you can remove it from here: http://screencast.com/t/xSifF51VByco
Hope this helps!

Thanks

Hi,

Please use this custom css in theme panel > custom css: http://screencast.com/t/eb5JD0m7kLmo
Change the background color as you like.
Only change this if you can change this from theme panel > theme colors: http://screencast.com/t/FphTY77S

Thanks

Hi,

Editing the style.css file should change all of then, only if you missed something or if it’s using another font-family. Please send me a link to your site, I need to inspect this so I can provide you a solution.

Thanks

Hi,

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

body {
font-family: 'Roboto','PT Sans',sans-serif !important;
font-weight: 400 !important;
}

Will change the font and font-weight on the whole site.

Thanks

Hi,

The button form the left is VC “Button 2” element the one from the right is “Button” element.
You can use this custom css to style the buttons: http://screencast.com/t/8RwBagtAG8OG

.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;
}

You can change the style as you like.
Hope this helps!

Thanks