Search Results for 'css'

Hi,

You have some images on the content, the css specifies a large max-width and this issue appears because they have inline height/width – http://screencast.com/t/hlxeX8AnP
You could fix this with custom css, add the following css in Theme Panel -> Custom CSS:

@media (max-width: 1018px) and (min-width: 768px) {
.alignleft {
max-width: 100% !important;
}}

The rest seems fine.
Let me know if this works for you.

Thank you!

• This reply was modified 10 years by Emil G.

Hello ineedsolutions,

We are aware of this issue. It will be corrected in a future update. Until then, you can use this CSS code to
move the background behind the logo:

.td-header-top-menu-full {
position: relative;
z-index: 0;}

Thank you!

Hello kestasve,

1.) it’s not as easy as it seems to be. You can do it with CSS by targeting the sub-menu classes but other containers need to be adjusted for the menu to fit properly and not overlap other elements. You can use your browser inspector to get an idea of what you need to change in the code. If you can’t manage, you can always hire a freelancer to do it for you. (we cannot offer custom work. sorry!)

2).When you set your main menu color from the theme panel, you can select transparency from this slider here:
http://screencast.com/t/IE11d1yzrRj3

Thank you

Hello manoj.yadav
I see you removed the meta information on that block but you forgot to remove the DIV element that contained it that’s why you have white space there:
Use this CSS code:

.td_module_mx7 .td-module-meta-info{
display:none
}

As for the description length, that is set from the theme panel in Excerpts: (this particular block is block 16)
excerpt: http://screencast.com/t/2TGWayLLNf
You can read more in our documentation: https://forum.tagdiv.com/excerpts-introduction/
I hope this helps.

Thank you!

Hi,

Try this custom css: http://screencast.com/t/iT4lRd8ygfrh in theme’s panel custom css section and let us know how to goes!

.td-post-template-1 .td-featured-image-rec {
width: 290px;
}

Thanks for the message!

Hi,

For custom layouts and changes to theme’s grid you would need to redesigned the layout and for that you would need css code.

The I have made an example of how you could use VC’s page builder and theme’s ad spots on posts pages to get a similar result of what you need: http://screencast.com/t/40zun70am – http://screencast.com/t/4pZOXohkZ3m – http://screencast.com/t/ZUpRqfvI – http://screencast.com/t/I0Ib2ne2E

Try it yourself but note I haven’t tested it, it’s just an example.

Thanks for the message!

Hi,

Try this custom css in theme’s panel > custom css section: http://screencast.com/t/A2gMgb072h

.td-post-featured-image img {
margin: auto;
}


Thanks

Hello Vermino

Unfortunately there is no option for this in the theme, but you can achieve this with a bit of custom css you can add in the theme panel:

.single-product
.td-more-articles-box{
display:none;
}

This hides the more articles box on single products.

Thank you!

Hello Gadget Friendly,

You have to be careful with these types of modifications as they can create other problems:
Your menu, when viewed on a tablet or mobile phone, gets wacky:
http://screencast.com/t/sbFOZvc4jNf
I’ve patched things up a bit with this code:

.top-header-menu li a {
    line-height: 4;}
.td_data_time {
    position: relative;
    bottom:10px;}
.td-header-style-12 .td-header-top-menu-full{
        height: 50px;}

It’s a temporary solution. You have to revisit your code and set it properly because right now things are all over the place.
In order to fix it on other types of screens you have to use media queries: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
I hope this helps and points you in the right direction.

Thank you.

Hello Green Monkey,

Unfortunately those classes are not going to work with our theme because each developer defines his own CSS classes. They are not used global. You have to identify the specific classes of our theme elements you want to customize.

Thank you

Hello gomerblog,

The social icons were set to have a transparent background, so they will inherit the footer background. There is no option from the panel to change their color but you can use a custom css to do it:

.td-social-style-2 .td-icon-font {
background-color: red;
}

I set it to red as an example. You can set a different one if you like.

Thank you.