Search Results for 'css'

Hello bpepermans,

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

.td-header-style-12 .td-header-menu-wrap .sf-menu > li > a:after {
display: block;
}
.sf-menu > .current-menu-item > a:after, .sf-menu > .current-menu-ancestor > a:after, .sf-menu > .current-category-ancestor > a:after, .sf-menu > li:hover > a:after, .sf-menu > .sfHover > a:after {
background-color: red;
}
.header-search-wrap .td-drop-down-search:before {
border-color: transparent transparent #EC4D4D transparent;
}
.header-search-wrap .td-drop-down-search:after {
background-color: red;
}

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

I set the border color to red, but you can modify the code to any color you want it to display.

Thank you for the message!

Hello,
You do not need to use css to change the header menu font family and weight as there are options for it in the theme panel: http://screencast.com/t/7SSenCl0MR9 and the bold font weight will be the same for the menu and the sticky menu if you set the font from the panel.
Thank you!

Hello charsay,

If you want to prevent the Featured image for the Youtube Video, you have to edit manually from Post Editor for each post where you have Youtube video, like this -> http://screencast.com/t/T6MPKWMs and also if you want to disappear the video button -> http://screencast.com/t/ec0oAsbh8wWb, please try the code below and add it in Theme panel->Custom CSS area. Please notice you have to target the specific class where you want to disappear the button. Below I gave you only an example.

.td_module_mx5 .td-video-play-ico {
display:none;
}

Another possibility would be to find a plugin with this functionality and try how it works for you.

Thank you for the message!

Hello,

You can use this custom css:
.td-social-linkedin{
background-image: url("https://static.licdn.com/scds/common/u/img/icon/apple-touch-icon.png");
background-size: 100%;
}

What id does is grab an image from an url and sets it as a background image for the button. Right now it’s grabbing one I found on google, but you could change it to an image from your server (which is recommended) simply grab or create an image in ms paint or photoshop (just the letters ‘in’ on a blue background will not be a hard image to create) and upload it to your server and change the path in the css.

Result :http://screencast.com/t/IZwZHlcx

I hope this helps.
Thank you!

Hello,

It seems the logo shifts on this header style. I will add this issue to our bug list and we will hopefully fix it in a future version. You can try to use another header style until then if you wish.
You can reduce the gap between the menu and the content using this custom css:

.home .td-main-page-wrap{
padding-top: 10px!important;
}

Thank you!

Hello riolec,

If you want to change the opacity of the homepage post element, you have to use a bit of CSS. Please try the code below and add it in Theme panel->Custom CSS area like this -> http://screencast.com/t/lYHQG5AfKe

.td-post-template-8 .td-post-header {
opacity:0.7;
}

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

Hope this helps!

Thank you for the message!

Hello,
We will try to add more social icons in the future. Until then you can use the method provided and adjust it with css. Please provide a link to your website with the modification so I can provide the css code for adjusting the button.
thank you!

Hello,

1) You can use this css to make the height of the grid smaller:
@media (max-width: 767px){
.td_block_big_grid_3 .td-big-thumb .td-module-thumb {
height: 260px!important;
}
}

2) I have checked your website on many devices both android and ios but could not find any problems. Please check it again to see if the issue is still present.

Thank you!

Hello joyceloh,

If you want to move to the right you banner ad, you have to use a bit of CSS. Please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.td-header-sp-recs img {
right:-180px;
}

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

Thank you for the message!

Hello tiago,

This is the simplest solution of recreating the travel demo homepage on another demo. This cannot be done without the custom classes used by this demo.
Please follow these simple steps to recreate the travel demo homepage with another demo installed:

1) This is the shortcode of the page layout. You can simply paste it inside your page editor in classic mode and text mode: http://screencast.com/t/SUt9ItUc the code: http://pastebin.com/RAA6DkWp

2) The background image will not be found so you will need to add your own image in the row setting: http://screencast.com/t/yB2Bh0rbo

3) This is the final and most important step as the CSS for the travel homepage will not apply without this step. Please add this class: td-travel to the body of the website like so: http://screencast.com/t/fOt9sfquQtVy

This will be the result: http://screencast.com/t/vlZG4G8m1Xpy

I hope this helps!

Thank you!

Hello,
Apparently that is the name you set to your category. It cannot be changed with css, but rather from here: http://screencast.com/t/5oEGOAeK2tb
Thank you!

Hello Paul,

1) You can change the read more button from the translation section of the theme panel: http://screencast.com/t/HwtAGm8P3T8t

2) You can remove the search from the menu either with css or by removing it from the theme files:
css: .header-search-wrap{
display:none!important
}
from the files: http://screencast.com/t/X6DjcpVf

3) You can inspect the links you created using the browser inspector and use css to target them(it’s best to assign them a custom class so you can target it)

4)You need to create a custom link (link to ‘#’) for them and then add the sub-menus or mega-menu:
http://screencast.com/t/76EKnjya

5) The content is controled by the plugin (most likely contact form 7 as this is the recommended one)

I hope this helps.
Thank you!

Hello larceny,

The child theme helps you to keep the changes made by you for the future update but if your modified files are not changed by the theme in this update. Please notice that the style.css file is changed in every update and it is necessary to update your child theme that come bundled with our theme on every update to works well. If your files changed are different to files changed by the theme you have to replace only those files in the child theme.

Hope this helps!

Thank you for the message!

Hello Lars,

Unfortunately the border option in visual composer does not work properly.
The border can be set with css if you like:
First add a custom class to the row: http://screencast.com/t/3mADQrcKmz8
And then use this css to target it:
.customborder{
border:1px solid black;
}

Thank you!