Search Results for 'css'

Hi,

You could use some CSS to customize how it displays. Something like this will work for the present situation
– https://www.screencast.com/t/MVOHZ7MTcW
This is the code used, enter it in Theme panel->Custom CSS if you decide to use it

.td-menu-background,
.td-mobile-container {
width:75%;
}

You can use the browser inspector to identify the elements present on the page and their classes and create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

It would be possible with some CSS code. If you could provide a link to such a page (product category page and product tag page) I will try to give you a solution to hide the shop menu item.

Thanks

Hi,

If you mean the divider below the menu, like this
– https://www.screencast.com/t/VAlGA4idFztb
That will be displayed in the sound radar demo only if you remove the code from the demo as shown in the screenshot, instead of using the CSS code
– https://www.screencast.com/t/VuTmWZkq1
Then the default divider will be shown instead of the demo customization
– https://www.screencast.com/t/NLxu1e0NehB
Please correct me if I misunderstand what you wanted.

Thanks

Hi,

1. The post templates have predefined design, they will be displayed like it is the demo by default. Setting a custom color in the theme panel like you mention, will affect all post templates.
So by default the post title in post template 6 will be black, and in post template 11 will be white. The theme panel color you set will override the default color. To have them like that you do not need to do anything.

2. That would be possible with CSS code. Something like this will work for both templates (10 and 11)
– https://www.screencast.com/t/QrqumUpruQr

.td-video-template-bg {
background-color: red;
}

This code can be entered in Theme panel->Custom CSS section, if you decide to use it.

Thanks

Hello kaibehrmann,

You should use the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.wpb_text_column{
font-size:16px;
}

Hope this helps!

Thanks for the message!

Hi,

The top menu will not be displayed on mobile. It could be made to appear with custom code, like this for example
– https://www.screencast.com/t/F4Uj2zte22H
This is the code used, enter it in Theme panel->Custom CSS

@media (max-width: 767px) {
.td-header-top-menu-full,
.td-header-sp-top-menu {
display: block!important;}
.menu-top-container {
margin-right:0;
}}

Thanks

Hi,

It will require to load the font first, then apply it wit CSS for the elements you want. This is a similar topic – https://forum.tagdiv.com/topic/change-mobile-theme-font/
More useful information here – https://developers.google.com/fonts/docs/getting_started
So load the font first, then identify the elements where you want to apply it with the browser inspector for example
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

The top grid cannot be disabled, unless you remove all posts from the Featured category so it will not appear, but that is not a good solution.
You could achieve that a different way, it will require a modification to the mobile front page template. The slider can be then placed above the top grid, like this
– https://www.screencast.com/t/EdPqz4Ode
– https://www.screencast.com/t/F5pmyn1oY1

<?php echo do_shortcode ('enter shortcode here'); ?>

The result would be like this – https://www.screencast.com/t/iyizmSRu0a
Some margins could be added to top and bottom if needed
– https://www.screencast.com/t/TagJsncTRb
This would be the code for that, you can modify the pixel values as you wish, then enter the code in Theme panel->Mobile theme->Custom CSS code section

.rev_slider_wrapper {
margin-top:5px!important;
margin-bottom:5px!important;
}

If you want the slider to be full width (no margin left or right) that can be done in the slider settings
– https://www.screencast.com/t/KBRtdV3o7y7q
– https://www.screencast.com/t/IhIWzEvv
Result – https://www.screencast.com/t/sPIvQk6BdT

The top and bottom margin would be like this if you make the slider full width
– https://www.screencast.com/t/866eQxCEh

.forcefullwidth_wrapper_tp_banner {
margin-top:5px!important;
margin-bottom:5px!important;
}

Thanks