Search Results for 'css'

Hi,

The code I gave you in another topic positions them there. You could enter those codes in the advanced CSS section, for desktop and tablets maybe
– https://www.screencast.com/t/ZGg5C58U
That way it will not apply on mobile. That would be best instead of creating a code to position them again in a different way.

Thanks

Hi,

Seems to be hidden by the theme for some reason, can’t say exactly why. A code like this will make it visible
– https://www.screencast.com/t/QuxmqdIBA
I will add this on our list and see why it is set as it currently is. Thank you mentioning it and sorry for the inconvenience.

.woocommerce .page-title {
display: block;
}

This code can be entered in Theme panel->Custom CSS code section.

Thanks

So you entered the video in the post content or in the template in the end?

If it is in the post content it will be there regardless of device used to view the website.
Maybe it could be hidden for mobile devices with CSS, on AMP it will not work however, code will not apply.

If you left it in the template you can hide it per device, most elements can be hidden in the CSS tab and selecting the view port you want. Example
– https://www.screencast.com/t/bh1P37dunRC
– https://www.screencast.com/t/FYgsu25P64

If you switch to the standard post format the play icon should not be displayed anymore. If it does, it could be caching or even browser cache. Try to clear both if possible and check again.

When you set a featured video a featured image will be displayed from the video. You can remove that image and set a different one if needed, while keeping the featured video.

If I misunderstand please correct me.

Hi,

So you want to change the color in the footer for the email link only? You can use some CSS for that.
You could do something like this – https://www.screencast.com/t/2IMXIPzw

.td-footer-wrapper a[href^="mailto"] {
color: yellow;
}

Change the color as you want, then enter it in Theme panel->Custom CSS code section.

Thanks

Hi,

@Watashi10 You could use some CSS for that, the theme panel will allow a color to be set as background, but not a gradient.
There are quite a few gradient generators if you want to use one, for example
– http://www.colorzilla.com/gradient-editor/

Apply it like this – https://www.screencast.com/t/S5Xk15t0gotE

.td-header-main-menu {
your code here
}

More about gradients here – https://www.w3schools.com/css/css3_gradients.asp

Also a guide for the browser inspector tool here
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

Please check this element here – https://www.screencast.com/t/OLErsu1Ck
Edit the page in the composer and click on that element, check in the CSS background settings. Click on remove background image and save the page
– https://www.screencast.com/t/sfk5dJODzQR2
Then check if the problem is fixed.

Hello,

Usually the space should be there unless you removed it with a custom css code. Please provide a link to your site so we can inspect it.

Thanks

Hello ecstaticperson,

You should use the code below and place it in Theme panel -> Custom CSS area.

.tdb-featured-image-bg{
background:none!important;
}

The result is here -> https://www.screencast.com/t/K6aE1frN

Thanks for the message!

Hello,
This happens because each item is treated as a separate Ul list when ading sub-lists and they will receive the bottom margin as well.
You can remove the bottom margin using this css code:

.td-post-content ul{
margin-bottom: 0;
}

You can dd the code in the theme panel under custom css.

Thanks

Hi,

That could be done with some CSS. For the search use the hidden setting
– https://www.screencast.com/t/0EVoZhSE8k
For a more accurate solution we need to test with your menu, we could give you codes to try but they might not work for you or not work properly.

For example this code should align the menu to the right and allow you to increase the padding left-right between the menu items
– https://www.screencast.com/t/So5OGry7g80
You can adjust the value of the padding and test, default is 14px

.td-header-main-menu {
text-align:right;
}
.sf-menu > li > a {
padding: 0 18px;
}

If that does not work or is not what you wanted, please send us admin login at contact@tagdiv.com and mention how exactly you wish it to be. Include a link to this topic in the email.

Thanks

Hi,

That is the space reserved for the sub-footer copyright text, the menu will be on the right.
If you don’t use a sub-footer menu, I could give you a code to make the text occupy the whole space
– https://www.screencast.com/t/QA4GlvqDsGV
The code can be entered in Theme panel->Custom CSS if you should consider this solution.

.td-sub-footer-container .td-sub-footer-menu{
display: none;
}
.td-sub-footer-container .td-sub-footer-copy {
width: 100%;
}

Thanks

Hi,

The Read More button from blocks/modules should take the theme accent color you set in panel – https://www.screencast.com/t/h8mvTXfp6sa
There’s no option to change the background color for Read More button on individual blocks, sorry!
However you could use custom css in Theme Panel > Custom Css: https://www.screencast.com/t/WuUZb4NZvT

.td_module_wrap .td-read-more a {
background-color: #c63939;
}

Or you can use Flex Block on your page. It has color options – https://www.screencast.com/t/aywwSBTlAUN – https://www.screencast.com/t/Jol4FebP

Hope it helps!

All the http links should be redirected to https. I am not an expert in SSL, please check online guides and tutorials for a proper SSL implementation

http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/
https://forum.tagdiv.com/topic/moving-to-ssl/

Maybe also contact the hosting provider assistance.

Hi,

Please provide your site url so we can inspect this and try to provide a css solution.

Thanks!