Search Results for 'css'

Hi,

Usually text logo is used on blog, so we have created a header style for blogs – http://screencast.com/t/f2AOMAMuY51o to work well with logo text. Anyway I see that you made some custom modification to the header so if you want to use it like that please try this custom css in Theme Panel > Custom Css to solve issue with logo on phone screen: http://screencast.com/t/f2AOMAMuY51o

@media (max-width: 767px){
.header-logo-wrap {
display: block !important;
margin-top: 0px !important;
}
.header-logo-wrap .td-logo-wrap-align{
height: auto;
}
.header-logo-wrap .td-logo-text{
font-size: 40px !important;
text-align: center;
}
}

Hope this helps!

Hi,

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

.home aside.widget_text{
margin-bottom: 20px;
}

Thanks!

Hi,

There’s a tutorial here – http://cssmenumaker.com/blog/wordpress-3-drop-down-menu-tutorial
The menu file is located in parts – http://screencast.com/t/72PCXNaBLPei
Version 5.0 will be out by the end of May.

Thank you, Emil G.

Hi,

If you check our demo and set the gallery second slide from hide to be shown you’ll noticed the gallery slide which uses an animation to to slide and stays on one line: http://screencast.com/t/wP4RoKrEjtG
This is the post: http://demo.tagdiv.com/newsmag/td-post-this-is-the-recipe-for-a-perfect-vacation-apparently/

In your case this animation is missing that’s why the images from your second slide fall into a second row.
I suggest you remove the changes you’ve made to theme’s files/code and test this again using just the custom css to set the second gallery slide to display: block
Let me know how it goes.

Thansk

Hi,

Try to replace all color from style.css using a text editor with find and replace search after #4db2ec – this is the default theme color and replace it with your color.
First you can try this without Speed Booster plugin(if you use it), this can cause this and also make sure that you use the latest version of this plugin 3.2.

Thanks!

Hi,

Unfortunately those images cannot be target only if you add an extra class manually like this: http://screencast.com/t/xe6uvRHR8ez
And use this css in Theme Panel > Custom Css: http://screencast.com/t/0CirMzS29mD

@media (max-width: 500px){
.single .icons.alignleft {
float: left;
max-width: 32px !important;
}
}

This issue comes from the .alignleft css class which targets the images which have that class assigned and at 500px maximum width screens sets the width and also the maximum width to 100%.
The best solution would be to remove the css set for the align right and left images at 500px width from the style.css file, like this: http://screencast.com/t/STTFMQlM

Hope this helps!

• This reply was modified 11 years by Alin [tagDiv].

Hi,

1. If you want to remove smooth scrolling please follow this topic: https://forum.tagdiv.com/topic/remove-smooth-scrolling/#post-23634 Unfortunately this cannot be removed using child theme.

2. You can use custom css to hide the read more button in Theme Panel > Custom Css: http://screencast.com/t/rGVfaCnw4

.more-link-wrap{
display: none;
}

Also you can remove it from the code if you don’t want to use css: http://screencast.com/t/l8K0UzXE

Thanks!

Hi,

Theoretically you could add the script anywhere on the page, depends where do you want the script to load.
Try to add it in the footer after the body tag and place it inside a div container the use css to pace the div container to the bottom of the page, like this: http://screencast.com/t/OzEhtzUN9F4s

Thanks

Hi,

You can use this custom css to fix that issue on smaller mobile screens: http://screencast.com/t/KOD1Y0b4

@media (max-width: 480px){
.post_td_gallery .td-doubleSlider-2 {
padding: 20px 0px 10px 0px;
height: auto !important;
}
.td-doubleSlider-2 {
display: block !important;
}
.td-doubleSlider-2.td_center_slide2 .td-button {
top: 0px;
}
}

Thanks

Hi,

Google modifies the test all the time and for some reasons the test on mobiles is more rigorous.
I suspect the css generated and added by theme to the page is the cause of this as it’s loading after the resources pointed in page speed test.
Not sure what could be done in this case you could try to also test this without plugins and check to see if you noticed any differences.

Thanks

Hi,

You can try to change this with custom css something like I targeted on our demo: http://screencast.com/t/ud2Qubg36
But maybe you will need further css customization so if you don’t have some css/html experience I don’t recommend you to do this. You can try this css in Theme Panel > Custom Css and adjust it if you need: http://screencast.com/t/ud2Qubg36

@media (max-width: 768px){
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
float: left !important;
margin: 0 3.8% 2.992em 0 !important;
padding: 0;
position: relative;
width: 22.05% !important;
clear: none;
}
}

Hope this helps!

Hi,

Then the issue is that you use post template 6 as default site wide. You can try to change it on default and see if you still have issues on shop pages. Or if you say that the css code solve the issue you can use it. That’s up to you, what you want to do.

Thanks!

Hi,

You can try this custom css and change the values how you need: http://screencast.com/t/K5S3GVfB6ab

.td_smart_list_3 .td-icon-left, .td_smart_list_3 .td-icon-right{
min-width: 100px;
height: 35px;
}
.td_smart_list_3 .td-sml3-top-controls .td-icon-right, .td_smart_list_3 .td-sml3-bottom-controls .td-icon-right{
padding: 6px 10px 2px 25px;
}
.td_smart_list_3 .td-sml3-top-controls .td-icon-left, .td_smart_list_3 .td-sml3-bottom-controls .td-icon-left{
padding: 6px 25px 2px 10px;
}

Thanks!

Hi,

On mobile that part of tagdiv gallery is hidden. You can try to use this custom css, but it may not be displayed properly as it was not designed to appear on mobile screens: http://screencast.com/t/3ybkcNr2To

.td-doubleSlider-2 {
display: block;
}

Thanks!

Hi,

Our ads system was designed to work with adsense code. Using an iframe with a fixed width I’m not sure if you can make it responsive. You ca try yo use css with media queries and adjust width and height on different screen sizes: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Hope this helps!

Hi,

Unfortunately the theme doesn’t have an option for this, you would need custom modification in header template to create some conditions there. If you don’t have php/css/html experience to do this, you can hire a professional to achieve this as we cannot offer any custom work for the moment.

Thanks for the message!

Hi,

I have checked your site and found that you did not add float left to the container so it has 100% width: http://screencast.com/t/ZfzLjBZy
You can try to add you div style above or if this class doesn’t change you can try this custom css in Theme Panel > Custom Css: http://screencast.com/t/fC1zULIf

Thanks!