Search Results for 'css'

Hi,

You can use this code to make the element more compact:

.td_block_9 .td_module_8{
padding-bottom: 2px!important;
}

Add the code in the theme panel->custom css box.
As for the font, you can change module 8’s font for from the theme fonts section:
(block 9 uses module 8): https://www.screencast.com/t/MuYsMy2SW

Thank you!

Try the code like so:
.td-header-menu-wrap{
background-color: #eb1583;
background: url(www.magazinefeminina.com/wp-content/uploads/2017/02/background.png),
linear-gradient(to right,rgba(255,15,127, 0.8),rgba(77,25,89, 0.8));
}
As for the black loading, this happens when there are more rewrites to the css. Css works in cascades. You will have to leave the menu color on default if you plan on changing it with css and not overwrite it from the theme panel with one color and then add another through css.
If too many rewrites are applied to a css code you will be able to see each one happen as css will have tyo load the code over again to apply your change and in most cases if the rewrites are more than 2, you will be able to see the changes.

I hope this helps.
Thank you!

Hello,

You can use this code in the theme panel-> custom css box:
.td_module_16 .item-details{
margin-left: 160px!important;
}

Thank you!

Hello gcamara,

I suppose that you want to have the similar functionalities as the modules where is displayed only the Primary Category. So, if you want to achieve the same behavior for posts, you should edit the td_module_single_base.php and replace the get_category function with the get_category function from modules which is located in td_module.php like this -> https://www.screencast.com/t/LAdwV4OA5ER and place it instead this -> https://www.screencast.com/t/d5gJUZkNQfs and then you should use a bit of CSS code for a better design.

The code is ->

.td-post-category{
display:table!important;
}

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

Hope this helps!

Thanks for your understanding!

Hello,

Please check your custom css code in the theme panel to see if there is any css affecting the top margin. Please post a link to your site as well so I can inspect it and post a link to your custom css from the theme panel as well.

Thank you!

Hi,

You can use the shortcodes only for the elements available in the Visual composer editor – https://www.screencast.com/t/yWZXnU2N and even then it could produce unexpected results and problems in some cases. About the mobile responsiveness, it is defined in the theme’s css file – https://www.screencast.com/t/NiCnaubFun but if you want to make changes on a specific device you can enter your code in Theme panel->Advanced Css – https://www.screencast.com/t/KDRq0MzPimg

Thanks

Hello,

Well the mobile theme is a plugin and plugins cannot be handled through the child theme. You will have to make the modifications in the main theme though. or you can simply hide the footer with css like so:
.td-mobile-footer-wrap, .td-mobile-sub-footer-wrap{
display:none!important;
}
You can add the code in the theme panel-> mobile theme-> custom code section

Thank you!

Hi,

Maybe I am misunderstanding what you were asking. I believe you wanted to have an ad title on a custom ad that you are going to manually insert in the structure of the loop single file corresponding to the post template – https://www.screencast.com/t/5f6s5Rs1 with a code like this example and this result – https://www.screencast.com/t/1Oum1O8l

<?php echo do_shortcode ('[td_block_ad_box spot_id="custom_ad_1" spot_title="ad title" tdc_css=""]'); ?>

Thanks

Hi,

Ok, it seems we need a different approach to this.
You need to add an extra class at the author box wrap. You should edit the td_module_single_base.php core field and you should do this -> https://www.screencast.com/t/lAjMJPl7 The snippet of the code which has to be concatenated is here ->
. get_the_author_meta('display_name', $author_id) . ' After these changes, you should use a bit of CSS code and hide the author box for your certain author. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.author-box-wrap.ziar_6{
display:none;
}
(ziar_6 is the name of my admin)

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

Thanks

Hello newbietamvan,

If you want to hide the breadcrumbs for mobile mode, please use the code below and place it in Theme panel->Custom CSS area.

@media (max-width:767px){
.td-entry-crumbs{
display:none!important;
}
}

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

Thanks for the message!

Hi,

You could do this but you would have to take in account all the elements in the header like the logo and the menu etc. Here is the height set – https://www.screencast.com/t/ZamFomUx969m and the logo – https://www.screencast.com/t/dxParPrHh If reduced to 80px like you want and with some modifications to the menu items it looks like this – https://www.screencast.com/t/cW3XJqrN I used this code to achieve that result but you could modify it if you want, and remember to enter it in Theme panel->Advanced Css in order for it to apply only on specific devices

.td-header-style-7 .td-header-menu-wrap-full,
.td-header-sp-logo img {
height: 80px!important;
}
.td-header-style-7 #td-header-menu {
min-height: 80px!important;
}
.td-header-style-7 .sf-menu > li > a {
bottom: 26px;
}

Thanks

Hi,

There could be multiple causes for this to happen, a plugin, a child theme or some custom css. An easy fix would be to use this css code for the related block only and fix the background and border color and padding but I do not understand exactly how you want it to be, you could modify the code if it is the case, and also add a background color or change the font color. You should use these classes in this case – https://www.screencast.com/t/hHs0eMu0 which you can identify with your browser inspector – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

.td-related-title.td-block-title {
border-color: black!important;
}
.td-related-title.td-block-title a {
color: black!important;
padding: 8px 12px;
}

This is the result – https://www.screencast.com/t/vUQTuRBrRk – https://www.screencast.com/t/0RMasts2fktZ
Thanks

Hi,

I see that you are using a child theme and the text logo properties are set there using custom classes – https://www.screencast.com/t/QRXIacZn so you must edit those properties in the child theme css file in order to change them.

Thanks

Hello xico,

Any WP theme can be renamed just by changing the name in the style.css, and folder name. Won’t change any of the styles, or sub-folders, or plugins, or other things like the font name, etc. Google it.

Thanks for your understanding!

Hi,

You could do that using this code, just enter it in Theme panel->Custom Css

.td-blog-travel .td-post-template-7 {
margin-top: 0;
}

The result is here – https://www.screencast.com/t/dwGasHbIl3K
Thanks

Hi,

I have changed the menu on my end with the font settings you have in the screenshot and this is the result – https://www.screencast.com/t/kjtykuMy the font has the font family applied. Maybe you have modified the header menu using some custom code in theme panel, or theme files or you are using a child theme, that prevent the change from applying – https://www.screencast.com/t/Pd4H9ajAAKD Try disabling all your plugins except Visual composer, clear your cache (very important), purge cdn files if the case and disable any child theme if you are using one and make the changes once more to see if they apply. If you have done all this and the result is still the same you could try to change that font with css – https://www.screencast.com/t/9iLyiyfpMIN

.td-header-wrap ul.sf-menu > .td-menu-item > a {
font-family: "Open Sans Condensed"!important;
}

As for the header, that is what happens in header style 7 when there are too many menu items in the header menu, the logo shifts up – https://www.screencast.com/t/8RwzuTrd

Thanks

Hi,

If you have done the modifications in the td_config.php file then the thumb images should look like this in your browser inspector – https://www.screencast.com/t/vB8fmTsfc and here – https://www.screencast.com/t/uKYf5VilfD Now using some css you could change the height of the module – https://www.screencast.com/t/QwSbYjhocQv You can use this code, just enter it in Theme panel->Custom Css

@media (min-width: 767px) {
.td_block_big_grid_1 .td-module-thumb {
height: auto!important;
}}

Result – https://www.screencast.com/t/U1CqMjpq
Thanks

You could use this css code, it should make the top menu display in mobile state, just enter it in Theme panel->Custom Css

@media (max-width: 767px) {
.td-header-style-12 .td-header-top-menu-full {
display: block!important;
}
.td-header-style-12 .td-header-sp-top-menu {
display: block!important;
}}

Result – https://www.screencast.com/t/yEapLOO6p8

Thanks