Search Results for 'css'

Hi,

The post content width is smaller then the ad size you are trying to display. The ad has a 728px width and the post content is 696 pixels. That is why the ad does not display properly
– https://www.screencast.com/t/jykwpslgWi3T
As a quick solution you could use a code like this, and see if it works for you
– https://www.screencast.com/t/fZCsUQEt

.td-post-content iframe {
max-width: none!important;
}

The code should be entered in Theme panel->Advanced CSS, in the desktop section.

Thanks

Hi,

Sorry but iframes in our theme get a css of width 100% in order for them to be responsive. Some get past the embed code as they have a stronger css in place.
The easiest solution would be to wrap the iframe inside a div element and set the size manualy but mind the responsiveness as the width:100% was a responsiveness measure taken as lots of iframes come with fixed widths and break responsiveness.
Then you can use css to style the iframe container using the class added to the div.
Or as an alternative, to have better control over your embeds, you cna use a plugin.

If you want to remove the theme resize feature, you can remove it from here: https://www.screencast.com/t/17DVlDXevs

Thanks.

Hello FREEBOX17,

Unfortunately, please notice that our product does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results.
Above, my colleague gave you an example from where you should strat to increase the theme width, but notice then you will have to make some additional customizations to adjust the other theme elements if you want to bring best results.

If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!

Thanks for your understanding!

Hello benitouk,

You can achieve this style if you will use a bit of CSS code. Try to add the code below in Theme panel->Custom CSS area, like this ->

.td-header-menu-wrap-full{
height:44px!important;
}
.td-header-style-6 .td-main-menu-logo a {
line-height: 44px!important;
}
.td-header-style-6 .td-main-menu-logo img {
max-height: 44px!important;
}
.td-header-style-6 .sf-menu > li > a {
line-height: 44px!important;
}
.header-search-wrap .td-icon-search {
line-height: 22px!important;
}

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

Hope this helps!

Thanks for your understanding!

Hello,

@Sami, as a quick fix, you can try using a bit of CSS code to increase the height of your logo. Use the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-main-logo img{
height: 218px;
}

Please notice that property has the height: auto and if you will use another logo with a big height than this one, the theme will display the logo with the real height of the image.

@ChaotiX66, provide your website URL and also, some details about your header logo so I can understand what and where is the problem.

Thanks for your understanding!

Hi,

Sorry, I failed to see the link you have provided in your post. You could change the button color and font properties with a code like this for example
– https://www.screencast.com/t/84PrdYwgspX
You can change the properties as you need, and also add more

.more-link-wrap a {
color: red;
background-color:green;
font-size: 20px;
}

Here is a link to a guide that explains how you can use the browser inspector to create custom code, that you can use in the Theme panel->Custom Css
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Please let me know if you need further help.

Thanks

Hello delizard,

Unfortunately, please notice that our product does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results.
Above, my colleague gave you an example from where you should strat to increase the theme width, but notice then you will have to make some additional customizations to adjust the other theme elements if you want to bring best results.

If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!

Thanks for your understanding!

Hello jorgeocampo,

Unfortunately, our theme does not have any such an option that allows you to hide these elements, sorry! As a quick solution would be to use a bit of CSS code to hide them. As a hint, try using the following code and add it in wp-admin.css.

The code is ->

.td-small-wrapper-o{
display:none;
}
.td-small-wrapper-o:nth-child(1){
display:block;
}
.td-small-wrapper-o:nth-child(2){
display:block;
}

Hope this helps!

Thanks for the message!

Hi,

1. There seems to be very big padding value set, causing the blank space below the video
– https://www.screencast.com/t/HMc2ifaPW1E5
That padding does not come from the theme. Maybe you are using a plugin for the video, and that could be adding the Css there. This inline important condition cannot be overwritten. You could try a negative margin code like this, as a quick fix
– https://www.screencast.com/t/iwZvRhugqf

.page-id-111
.fluid-width-video-wrapper {
margin-bottom: -300%;
}

2. The Revolutions slider that is provided in the theme package does not need to be activated. Simply install it and use it
– https://forum.tagdiv.com/how-to-install-revolution-slider-v5/
– https://forum.tagdiv.com/import-revolution-sliders-on-demos/
Sliders from the demos can be imported and used. They are included in the theme bundle.

3. I could not make any recommendations in this matter. You can try a few plugins and see which one may be the best for your website. Maybe other users can share their solution or plugin solutions.
You could try something as simple as this
– https://en.support.wordpress.com/google-maps/

Thanks

Hello,

The site cannot be reached so I cannot inspect it.
The scroll to top button has been hidden on mobile devices by default.
If you want to enable it you must use this custom css in the theme panel-> custom css box:
@media (max-width: 767px) {
.td-scroll-up {
display: block;
}}

Thanks.

Hi,

The code should be like the one below. Then the “Gallery” category tag will not be displayed on the posts, in the post page
Before – https://www.screencast.com/t/CCjoI3VWZKGl
After entering the code in Theme panel->Custom Css
– https://www.screencast.com/t/Qs4hletLAA1Y
– https://www.screencast.com/t/MsOGbPqoWv

.single
.td-post-title
.td-category
a[href*="gallery"]{
display: none;
}

Thanks

Hello,
Please use this custom css code to change the uppercase back to lowercase and to change the text color and size:
.td-category-header .td-page-title{
text-transform:none!important;
color:blue;
font-size:28px;
}

You can add the code in the theme panlel-> custom css box
Thanks.

Hi,
You can tr to use this custom css in your theme panel-> custom css box:
.td-logo-wrap-full{
margin-top:20px;
}

If the code does not work properly, please provide a link to your site so I can inspect it.

Thanks

Hello,
The top menu is not available for mobile devices. You can activate it though with a css code. Please provide a link to your site so I can provide the proper code.
Thanks

Hello,

1) Please clear all caching including a cdn server and contact your host and have them disable any hosting side cache.
2) Please provide a link to your site sop I can inspect the logo issue.
3) Unfortunately if you use the speedbooster plugin this can be an effect of it. Or any other tool that minifies css or moves the css load to the footer. There is no way around it. Either it loads first and you do not see the rewrites, or it loads last providing a faster loading speed for your site but you can see the rewrites happen. Css only provides a compromise for speed vs visuals. Unfortunately you cannot have both.

Thanks

Hello llucson,

1)If you want to display only videos, you should use the Video Player (YouTube or Vimeo) and add there as video you want, according to our documentation here -> https://forum.tagdiv.com/featured-image-or-video/ (use TD Composer)
2)Unfortunately, this option is not available in our page builder, sorry! IF you want, you can hide it with a bit of CSS code.
3)The theme does not support these layouts, sorry! Only these ones are available, like this -> https://www.screencast.com/t/aj2clHKqd

Thanks for your understanding!