Search Results for 'css'

Hello

Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

#td-header-menu .sf-menu > li > a {
padding: 0 25px;
}

The result you should see here -> http://screencast.com/t/6JXWtRYT

Thanks.

Hello Aldemi,

1)Unfortunately, our theme has not been designed to use a dynamic width. We do not recommend to increase or decrease the width of the theme’s width because the layout of the theme will be broken. Also, please notice that it is not a simple task and if you want to change the width you will have to adjust the all of other elements of the theme to works with the new width and this involve custom work. 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 implement this for you because we cannot provide customization services at the moment, sorry!
2)Please notice that what you are asked involve more additional customizations and thus custom work. Please notice that we cannot do your website but only can guide you to the right direction. Below, I present you the steps which you should follow in order to achieve as you want.
First of all, please use the inspector (right click ->Inspect or CTRL+SHIFT+I) and then you will see all element from your homepage. In most of these cases, you should decrease the paddings or the margins and with a bit of CSS code, you can accomplish it. -> http://screencast.com/t/gQR7fCRxoI -> http://screencast.com/t/MMI8BNhTT -> http://screencast.com/t/bj9ndTfrO -> http://screencast.com/t/9lV88FQi -> http://screencast.com/t/1abWpsLmL Following the above steps, please try to do it yourself and place the code in Theme panel->Custom CSS area. If you are not aware with the steps in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!

Thank you for the message!

Hello cdeloach,

If you want to replace the icon with the text for your mobile menu, you have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-icon-mobile:before {
content: 'MENU';
}

The result you should see here -> http://screencast.com/t/6yMAWrvVaN

Thank you for the message!

Hello willysawa,

Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.sf-menu > li > a:after {
height: 50px;
z-index: -1;
}

The result you should see here -> http://screencast.com/t/f23JuY7G3

Hope this helps and let us know how it goes!

Thank you for the message!

Hello Liefwin,

Please try the following code and place it in Theme panel->Custom CSS area.

The code is ->

.td-pulldown-filter-list li:first-child {
display:none;
}

The result you should see here -> http://screencast.com/t/I4iA0Dnpo

Hope this helps!

Thanks.

Hello Sebastian,

If you want to make it permanently these settings, you should use the child theme. You have to use a bit of CSS code and place in Custom CSS area from the child theme.

The code is ->

h1 {
background-color:red!important;
color:white;
}

The result you should see here -> http://screencast.com/t/STIZyZypE6Wg

Please notice that if you make these changes on the main theme, on each update, the code will be overwritten and you will lose the settings. For more information about child theme, please consult our documentation here -> https://forum.tagdiv.com/the-child-theme-support-tutorial/

Hope this helps!

Thank you for the message!

Hi,
Yes,the latest articles section does not appear in the visual composer editor. You can change that with this css:
.td-pb-article-list{
background-color:grey!important
}
Thanks.

Hello Carly,

I suppose that you want to make the post title on the page to be smaller. Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td_module_wrap .entry-title a {
font-size: 15px;
}

The result you should see here -> http://screencast.com/t/FjdlYLhm

Hope this helps and let us know how it goes!

Thank you for the message!

Hi,
you can use this css to make all the red markers a bright red:
.td_text_highlight_marker_red{
background-color:red!important;
box-shadow: 8px 0 0 red, -8px 0 0 red;
}
You can use any color you want instead of the color “red”. CSS accepts rgb color or hex colors. you can use this color picker and simply replace the word red in the code with your preferred color: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors/Color_picker_tool
Thank you!

Hi,
The code I provided does exactly that. It removes the menu entirely with the hamburger dropdown, the logo, the search icon and the sticky menu. Simply add the code in the theme panel->custom css box and it should work. Mind that different header styles can have different results. I tested it on the default header style. If the code does not work on your end please provide a link to your website so I can inspect it.
Thank you!

Hi,
In order to have it display properly, you can add the code in a header file. In my case I use header style 1 so I would add the code here: http://screencast.com/t/aRWvffCK6q
This is a simple div you can add content to:
<div class="mycustomdiv">Add your content here</div>
After you do that, it needs a bit of css for positioning. you can add this code in the css box of the theme panel:

.mycustomdiv{
    margin-left: auto;
    margin-right: auto;
    display: table;
    line-height: 28px;
}

This will be the result: http://screencast.com/t/xTKGkiEmw

Hope this helps.
Thank you!

Hello thanik30,

If you want to decrease the font size for the block title (for block 13) you have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td_module_14 .td-module-title{
font-size: 16px!important;
}
.td_module_mx3 .td-module-title{
font-size: 13px!important;
}

The result you should see here -> http://screencast.com/t/gC4Iu5xc3

Hope this helps and let us know how it goes!

Thank you for the message!

Hello Nassim,

If you want to align the menu you have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-header-style-6 .sf-menu {
padding-top: 10px;
}

The result you should see here -> http://screencast.com/t/Bf1t1Db0e

The mega menu feature can be used only for the main item because it still using the sub-menu items (subcategory). For more information about this kind o feature, please check our documentation here -> https://forum.tagdiv.com/mega-menu/

Hope this helps!

Thanks.

Hi,
Unfortunately there is no way to disable it from the theme panel. You can however hide it with css:
@media (max-width:767px){
.td-header-menu-wrap-full{
display:none!important
}}
Hope this helps.
Thank you!

Hello atabrb,

Unfortunately, our theme does not have such an option to disable the mobile version, sorry! If you want to quit to the mobile menu, you can use a bit of CSS code to hide the mobile toggle icon to no longer has access to the menu in mobile mode.

The code is ->

#td-top-mobile-toggle {
display:none!important;
}

The result you should see here -> http://screencast.com/t/JiyDQ33F9P9

Hope this helps!

Thank you for the message!

Hello Laonce,

If you want to change the color of this border, please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-related-title {
border-bottom: 2px solid red;
}

Thank you for the message!