Search Results for 'css'

Hi,

There are options to stretch the header container, to prevent the menu from dropping on a second line, in the theme panel
– https://www.screencast.com/t/WfnwRdFO5sH
It could be done with code if needed, try something like this for example
– https://www.screencast.com/t/oreX79rng
Enter it in Theme panel->Custom CSS section if you decide to use it

.td-header-style-7 .sf-menu {
float: none;
}
.td-header-style-7 .td-header-menu-wrap-full.td-container-wrap {
height: 111px!important;
}
.td-header-style-7 .sf-menu > li > a {
padding:0 13px;
line-height: 83px;
}
.td-header-style-7 #td-top-search {
top: 35%;
}

Thanks

Hello guarabana,

1)Notice that demo uses the post style 8 which displays the featured image to be wide, fit the theme’s width, like in our demo preview. Also, please notice that the theme does not have a full-width layout. This is fix and it cannot be changed to be full width because the theme does not support this, sorry!
2)Why? Because this is the style of the theme and all of the buttons are the rectangular. So, if you want to change it, you should use a bit of CSS code for this:

The code is ->

.td-social-pinterest{
background-color: #bd081c;
border-radius:50%!important;
}
.td-social-pinterest .td-icon-pinterest {
font-size: 28px;
}

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

Thanks for your understanding!

Hello,

Please do not use the css implementation for the icon. Please use the html implementation adding the whole html code in the menu title like for example:
<i class="fa fa-print" aria-hidden="true"></i>

Thanks.

Hi,

To enable the scroll to top on mobile try a code like this

@media (max-width: 767px) {
.td-scroll-up {
display: block;
}}

Enter it in Theme panel->Custom CSS section and check the results.

Thanks

Hello,

You will need to change the font with custom css for your custom implementation. The theme will use the default theme font for these elements but you need to change it with css if you need to change font. The theme cannot control custom code font. Use the browser inspector and apply the font-family you want with css. https://www.w3schools.com/cssref/pr_font_font-family.asp

Thanks.

Hi,

You could use header style 7 which is similar to what you are trying to do. If that is not an option, maybe this would be possible with some CSS. Please provide a link to your website, and we will try to give you a solution.

Thanks

No, there should not be anything else needed. Please post a screenshot of your custom css box so we can see how you implement it.

Thank you!

Maybe your ssl implementation was not done properly. Please follow these guides and make sure all the implementation mentioned there is properly done:

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/

Thank you!

Hello,

Our theme does not have any settings to create such a bar but you can do it with custom html and css if you have the skills necessary. You can create a simple list and style it with css.

Here is an example: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists_menu

Thanks.

Hello,
you can change this with a bit of css:

.block-mega-child-cats{
overflow-y: hidden!important;
max-height: 285px;
padding-bottom: 25px!important;
}
.td_mega_menu_sub_cats{
padding-bottom: 25px!important;
}

Add the code in the theme panel-> custom css box

Thanks.

Hello,

Please provide an example of what padding you are after and maybe I can provide a css that will affect all posts at once if possible.

Thank you!

Hello xbass,

If you want to make the Author name to be non-clickable you should use the code below and place it in Theme panel -> Custom CSS area.

.td-author-name a{
pointer-events:none;
}

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

Thanks for the message!

Hello,

Yes, speedbooster will deactivate itself when an untested plugin is detected. It will move the css and js to the footer for the plugins that it can. It will not be able to move the css and js for ALL plugins even if the detect function is disabled. Please read this guide on how to implement it: https://forum.tagdiv.com/how-to-make-the-site-faster/ and read this topic regarding the detect function in the plugin code: https://forum.tagdiv.com/topic/tinymce-advanced-and-other-various-disabling-speed-boster/

Thank you!

Hello greg,

It seems to be an empty span with a background color and that’s why you achieve that result. Try to use the code below and place it in Theme panel -> Custom CSS area.

.vc_widget_sidebar span{
display:none;
}

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

Thanks for the message!