Search Results for 'css'

Hi,

The ad code container is located here: http://screencast.com/t/4A8jpQ21Lwe
You can try to create another ad container and call other add sport there then style it via css. This would not be an easy task so if you don’t know how to do it I suggest you hire a developer or a freelancer to help you do it.

Thanks

Hi,

This margin is added to the header ad so if you don’t have header ad for phone screen remain this margin. I also added this on our list and it will be fixed soon as possible.
Please try this custom css in Theme Panel > Custom Css to fix this: http://screencast.com/t/GcPzaRwqbo

@media (max-width: 767px){
.td-header-style-3 .td-header-sp-ads{
margin-bottom: 0px !important;
margin-top: 0px !important;
}
}

Hope this helps!

Hi,

Unfortunately you will have some issues like this if you use Visual Composer plugin also on post pages. The VC is specifically designed for pages so we don’t recommend to be on posts.
Please try this custom css for that issue in Theme Panel > Custom Css: http://screencast.com/t/PtnDguFW

.td-post-template-4 .td-ss-main-content .td-post-content .vc_custom_1428052578119 {
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}
.td-post-template-4 .td-ss-main-content .td-post-content .vc_custom_1428052702131 {
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}

Thanks!

Hi,

When setting the width to 100% you need to consider that the element will occupy all the space within the containing element.
I suggest you get a freelancer to help you with this if you don’t have any html/css coding experience.

Thanks

• This reply was modified 11 years by Lucian.

Hi,

Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/ABDmLGdjfg

.block-title > a, .block-title > span{
border-radius: inherit;
}

Thanks!

Hi,

Please try this custom css in Theme Panel > Custom Css it will show the top menu, but will hide the date and social icons: http://screencast.com/t/SvZy24not1j

@media (max-width: 767px){
.td-header-top-menu {
display: block;
}
.td-header-sp-top-menu .td_data_time{
display: none !important;
}
.td-header-sp-top-widget{
display: none !important;
}
}

Unfortunately theme doesn’t have an option to add a different top menu on mobile since it already been hided by default on phone screen.

Hope this helps!

Hi,

Please try this custom css for that: http://screencast.com/t/LfCVnagYMlqv

.td_smart_list_3 .td-sml3-top-controls .td-sml3-control-text, .td_smart_list_3 .td-sml3-bottom-controls .td-sml3-control-text{
font-size: 20px;
}
.td_smart_list_3 [class^="td-icon-"]:before, [class*=" td-icon-"]:before{
font-size: 30px;
}

Thanks!

Hi,

Please try this custom css in Theme Panel > Custom Css till we solve this issue:

@media (min-width: 768px){
.td-affix{
display: none !important;
}
}

Thanks!

Hi,

You will need some custom modification to the code , try to use span 8 for logo and span4 for ad(off course you have to use a smaller ad size): http://screencast.com/t/UE1r7ijyO
Also you will need some css customizations, so if you don’t have basic css/html experience you can hire a freelancer to do this for you as we cannot provide custom work at this time. Sorry for this.

You can also use an header style with full logo(like style 3 and 6) if you want to display your big size logo.

Thanks!

Hi,

I have checked your site and seems that you solved the issue to display header’s banner.
Please also paste this custom css in Theme Panel > Custom Css to display entire image: http://screencast.com/t/TGvvwzzqT

.td-a-rec-id-header{
top: 0px;
margin-top: 10px;
}

Thanks!

Hi,

1. You have to these spans in menu-top.php: http://screencast.com/t/AWBUF791

.td-header-menu-wrap .td-social-wrap{
float: right;
}
.top-header-menu.td_ul_login{
float: right;
}
.top-header-menu.td_ul_logout{
float: right;
}

Results:
* When you are logged out: http://screencast.com/t/b1SuJmpaU
*When you are logged in: http://screencast.com/t/piaD4ezr2SH3

4. That space appears because the Popular Videos block is on a different row then Editor block and that space cannot be reduced via css code. You can try to add another block in the Popular videos column or remove Travel Guides block from that row.
There are many possibilities to build your page with Visual Composer, also you can use Widgetised Sidebar block to display your custom sidebar(create it and add widgets to it): http://screencast.com/t/RqaeiOAXaIor

Hope this helps!

Hi,

1. Unfortunately you will need custom work to achieve this. We cannot provide any type of custom work at this moment as we work hard on development, updates, fixes and support so the time and resources don’t allow us to provide custom work. You can get a freelancer from sites like: http://studio.envato.com/

2. You can use media queries for different sizes of screen: http://screencast.com/t/Dx9X6qgx

@media (max-width: 767px){
.post header h1 {
font-size: 20px !important;
line-height: 25px!important
}
}

3. You can try this custom css to reduce header margin, also there is a space for meta’s elements: http://screencast.com/t/L3QxBrnRZkX

@media (max-width: 767px){
.post header{
margin-bottom: 0px !important
}
.post header .meta-info{
display: none;
}
}

Hope this helps!

Hi,

Unfortunately theme doesn’t have an option to have tags of different colors, you can use custom css in Theme Panel > Custom Css but it will change the color for all post’s tags: http://screencast.com/t/6nC8HpnO

.td-tags-and-social-wrapper-box .td-tags a{
background-color: red;
}

Thanks!

Hi,

Unfortunately the woocommerce widgets don’t have an option to change the title style like on theme’s blocks, but you can inspect these titles and change via css code in Theme Panel > Custom Css: http://screencast.com/t/zKCxbCnM

.woocommerce .block-title span{
background-color: transparent;
color: #222222;
}

Thanks!

Hi,

I also tested with your videos and seems to work fine: http://screencast.com/t/m4XifllV – http://screencast.com/t/ALw5uvIT
I have checked your console and you have this error:http://screencast.com/t/RlDfvFap8u please try this without any plugins active, leave just Visual Composer active, empty cache and also disable any js/css minification.

Thanks!

Hi,

Unfortunately there is no option to do this from backend, but you can try this with custom css, just change the value how you need: http://screencast.com/t/vMtVcMMcn

.td-post-content ol li{
margin-bottom: 15px;
}

Hope this helps!

Hi,

Please change the design for media grid items if you don’t want hover effect to default: http://screencast.com/t/3hnk01WJ
And also if you don’t want logos clickable please try this custom css in Theme Panel > Custom Css(this css will apply only for that page):

.page-id-777 .vc_gitem-is-link{
pointer-events: none;
cursor: default;
}

Thanks!

Hi,

The Visual Composer plugin that comes with the theme is licensed to the theme, the license specifies that only we can provide the updates and you don’t have to buy it or register it. We provide updates on a regular basis, after we test the plugin for theme compatibility.
Also about your issue please disable all plugins, leave just Visual Composer active and also try without any js/css minification and clear cache as I checked your site and you have some errors in console: http://screencast.com/t/qGIswamxmD

Thanks!

Hi,

Try the css from below then test again.

.td-post-content iframe {
width: 100% !important;
}

If this isn’t working well let me know and also provide the embed code you’ve used to add the video player on post as the it seems the videovalis player isn’t supported to work in wordpress by just pasting the video link: https://codex.wordpress.org/Embeds

Thanks

Hi,

Please try this custom css and see if works:

.category .td-page-wrap .span4.column_container .block-title span{
background-color: #222222;
}
.category .td-page-wrap .span4.column_container .block-title{
border-color: #222222;
}

Thanks!