Search Results for 'css'

Hello kt_kasia,

You should use a bit of CSS code to customize it as you wish. For more information and instruction on how this can be done, you should use the Inspector browser and check this element because there you will see what CSS rules were used. Also, you can check our useful tutorial here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hello planetcappe,

Notice that the child theme core is the same with the previous version. I think that was omitted to change the child theme version number in the folder. Keep in mind that the editor-style.css should not be present in your child theme. The only files which are in child theme are these -> https://www.screencast.com/t/GmRtzyFK

Thanks for your understanding!

Hi,

I see that your website is RTL, please note that theme theme does not support this direction. Applying this style to the theme, or modifications to the theme in this matter can cause problems like this one.
As a quick fix for this issue you can try this code. Enter it in Theme panel->Custom Css

#td-mobile-nav {
position: fixed;
}

But other problems could appear with other theme elements, because the theme is not optimized or designed with RTL in mind. Some of the theme aspects are directly dependent on direction, and may not function properly in this case.

Thanks

Hello,

The size should be 96 px but yours seems to force a 64 px width.
Try to add this css in your theme panel-> custom css box:

.author-box-wrap .avatar{
max-width:96px;
width:100%;
}

Thank you!

Hi,
Try this css in the theme panel-> custom css box:

.woocommerce .product img{
border:1px solid lightgrey;
}

Thanks.

Hello,

I understand the issue perfectly and yes, it is a compatibility between the theme and the plugin you use, but plugin implementation is not part of the theme support.
We cannot make the theme compatible with every plugin out there. The only tested, recommended and supported plugins are found in the plugins section of the theme:
https://www.screencast.com/t/PyXp2KY7R
In good will though, I will try to help if it’s a simple css issue if you provide a link to your site so I can see the issue.

Thanks.

Hi,

The Accordion element may not be suited for what you are trying to achieve. The same thing happens for me as well
– https://www.screencast.com/t/zIuMRidtN
Also the Tabs element is known to cause issues with videos. You could try this code and see if this fixes the issue, just enter it in Theme Panel->Custom Css. Clear any caching installed after you enter the code.

.vc_tta-accordion iframe {
height: 100%!important;
}

Thanks

Hi,

Please try it like this, it should increase the height of the slider
– https://www.screencast.com/t/zQGkudigT
I have also modified the z-index to make the side sharing that you have display on top of the slider (if you don’t want that just remove it from the code)

@media (max-width: 500px) {
.iosSlider-col-3 .entry-thumb,
.iosSlider-col-3,
.iosSlider-col-3 .td_module_slide {
height: 250px!important;
z-index: auto!important;
}}

You can enter the code normally in Theme Panel->Custom Css section.

Thanks

Hi,

The text on the block is already aligned to the left
– https://www.screencast.com/t/I4UHwNBS
Maybe you meant to make it aligned to the right
– https://www.screencast.com/t/Nx7y5kb5WY
This is the code used, you must enter it in Theme panel->Custom Css

.td_block_3 .entry-title,
.td_block_3 .td-module-meta-info {
text-align: right;
}

This may also require to move the comment count is you have it enabled, on the left side
– https://www.screencast.com/t/9VogYpAbqb
This is the code used

.td_block_3 .td-module-comments {
float: left;
}

If this is not what you wanted, it would be very helpful if you could provide more details, or some screenshots with what exactly you are trying to achieve.

Thanks

Hi,

You can simply add it as the last element on the page, after you placed all the other elements
– https://www.screencast.com/t/kmrCez63h
The footer can only be disabled for all the website in the theme panel. You could hide the footer with Css and the slider will be the last in the page.
– https://www.screencast.com/t/IUYaymZ0re6
If you can provide a link to your website after you place the Revolution slider, I will give you a code to hide the footer on the homepage if you consider this a solution.

Thanks

Hello,

On the mobile theme the buttons do not yet have the css in place. Please copy the css for the buttons from style.css here: https://www.screencast.com/t/IxgR8mslmW1 and paste it in the theme panel->mobile theme custom code section: https://www.screencast.com/t/c7vzF7ylh
We will fix this issue in the next theme version.

Thank you!

Hello ytre77,

You should use a bit of CSS code if you want to align your social counter and that’s why I need your website so I can take a closer look at it and also, so I will be able to provide a more accurate response.

Thanks for the message!

Hi,

Maybe this is all a misunderstanding. If you want to have the exact same design and layout as the demo, you have to install it in the theme panel
– https://forum.tagdiv.com/installing-demos/
From what I can see the demo style is not present on your website.
When you install a demo, the system will import all the theme panel settings and the custom style including the header style. The header style used is style 5 with some modifications through CSS and the theme panel.
This customized header style cannot be selected in theme panel, the demo needs to be installed in order to achieve that result.
Please remove the code my colleague provided, and simply install the demo.

Thanks

Hello Teresa,

I have inspected your website and I did not saw this post template on your website, sorry! You should try using the code below and place it in Theme panel->Custom CSS area and check the results. Also, before checking your results, you should clear all of your caches.

.td-stretch-height {
height: 100%;
width: 100.03%;
margin: 0;
position: relative;
}

Thanks for your understanding!