Search Results for 'css'

Hello George,

This problem may be caused due that Css execute the setting in cascading. If you have a more custom Css in your area, until the Css execute this code, it is possible to appear that flicker. You can try to place the code directly in your Style.css or if you want to disable this, you should remove the line in header_style used, like this: http://screencast.com/t/IK18hoIWk20e (it is an example for header style 1).

Hope this helps and let us know how it goes!

Thank you!

Hello suipowers,

Please try the code below and place it in Custom Css area, like this: http://screencast.com/t/QSomZN6xkp

.td-pb-span4 .td_module_1 .td-post-date {
display:none;
}
.td_module_1.td_module_wrap{
padding-bottom:0;
}

The result you should see here: http://screencast.com/t/V3mazwMmmoLM

If you want to hide the date, everywhere appears block 3, you can use the same above code, without .td-pb-span4 http://screencast.com/t/lNdCXi1yW

If is not what you mean, please provide more details about this.

Hope this helps and let us know how it goes!

Thank you!

:)) Mistake by my part as well. Did not see the 4 w’s.

Please use this custom css and remove the old one:

.home .tp-rightarrow.default, .home .tp-leftarrow.default{
display:none !important;
}

Thank you!

Hello,
The modification is all css related
you will need to use the media queries to target just the mobile viewport. Then you can make images use the whole container width and change positioning:

@media (max-width: 767px){
.td_module_11 .td-module-thumb {
width: 100%;
position:relative;
}
.td_module_11 .td-module-thumb .entry-thumb{
width:100%;
}
}

Now you will need to position the titles and excerpts.
This should get you started on your task.
Thanks.

Hello,

It seems your button title is too long and the css for woocommerce does not let it jump to another line.
You can override this with this code:

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
white-space: normal!important;
}
Simply place the code in the theme panel->custom css box

result:http://screencast.com/t/LKoyl4OlC

Thanks.

Hello,
Unfortunately you cannot hide the sidebar based on smartlists but you can hide it based on post id’s. Every post has a unique id you can see with your browser inspector: http://screencast.com/t/LOWjAktF
Fopr example the post id from the above screenshot is 1385 so i would use css to hide the sidebar on that particular post like so:

.postid-1385 .td-main-sidebar{
display:none!important;
}

You can use this code to apply it to your particular posts you want to use smartlists on. Simply copy and paste the code then change the id. (you can get the id from the back-end as well: http://screencast.com/t/gYFV7SoYF)
Thanks.

Hello,

I tested this and found that using a

element instead of a span for your links will eliminate the space.
example:

You can then use this custom css to enlarge the images to 100% and reduce margins:

.td-post-content img{
width:100%;
}

Thank you!

Hello awtown,

It is neccesary to decrease the font-size value. For this, please try the code below and place it in Custom Css area, like this: http://screencast.com/t/KzM8ZPXiaY

@media (max-width:767px) {
.td-related-title .td-related-left {
font-size:11px;
}
.td-related-title .td-related-right {
font-size:11px;
}
}
@media (min-width:767px) and (max-width:1035px){
.td-related-title .td-related-left {
font-size:17px;
}
.td-related-title .td-related-right {
font-size:17px;
}
}

You can adjust the font-size value until you achieve as you want.

The result you should see here: http://screencast.com/t/Dn2W22bgo5h

If is not what you mean, please provide more details!

Hope this helps and let us know how it goes!

Thank you!

Hello jerocarson,

You should try the code below and place it in Theme panel->Custom Css area like this: http://screencast.com/t/Ca2XfxRj

.single_template .td-post-content {
padding: 0px;
}
.single_template .td-post-featured-image img {
width: 100%;
}


The result is here: http://screencast.com/t/3HSs3nosxZS2

Hope this helps and let us know how it goes!

Thank you for the message!

Hello,

Unfortunately you will need to hire a freelancer to help out with the css as it was changed a lot and does not behave as expected anymore. The theme has no RTL option and in order to make it RTL lots of css was altered and it will be no surprise if more and more elements will not be positioned correctly on your website. We usually help out where we can but we are a small team and time does not allow us to tackle time consuming tasks.
You can hire a freelancer to help you out with setting up your website from sites like studio.envato.com

Thank you for your understanding.

Hello,
Unfortunately the theme has no option for it and it will be no easy task to make it work. You will need to change the thumbnail used by the element and modify it’s css. There is no easy method to do it except coding it. You will need coding knowledge to get it done. you can hire a freelancer if you cannot do it from sites like studio.envato.com
Thank you!

Hello ven,

Unfortunately, our theme has not been designed to populate all four sections of the grid with the newest post from four different categories. The algorithm of sorting posts in big grid is by latest articles from your category. If you set some 4 different categories, the Big Grid will display you the ultimate/latest posts in your categories per total, not individual for each category. Big grid is a single complex structure and will display the latest post per total not only by categories. I hope you understand how this works. If you want to make to function the Big Grid what you want, it is necessary to make some customization in core file and also are required custom work.
To display more levels you need custom modifications and I suggest to hire a freelancer to do this for you as we cannot provide custom work at this time, sorry!

Another possibility for you, would be to use this scheme in Visual Composer, to achieve what you want: Big slide + Block 3 (set the limit post number to 1) + Block 15 (set the limit post number to 2), like this: http://screencast.com/t/cgx5O3HTl – http://screencast.com/t/eJsutCef0Dx – http://screencast.com/t/4U2drugHSjR3 After, then you can set each block to a different category, as well.

The result you should see here: http://screencast.com/t/06Z386uK8 -also, with a bit of Css you can make a style of this, as you want.

Hope this helps and let us know how it goes!

Thank you!

Hello,
It can be done with css but unfortunately that size will not leave enough size for the header ad. It will have to be adjusted as well. And this also depends on the ad you place. I can edit the ad i have set up, but it is not probably the same size as your ad.
Please provide a link so we can inspect your website and see exactly what we are dealing with.
Thank you!