Search Results for 'css'

Hi,

From what I can see you do not have a top menu currently in the website. Only the main header menu is present. I could give you a code that you can try for this situation with the header menu on tablet (portrait). Something like this
– https://www.screencast.com/t/K4XCaaM2w
Try entering this code in Theme panel->Advanced CSS in the portrait field and check if this is a possible solution.

.td-header-style-5 .td-header-menu-wrap-full {
height:60px!important;
}
.td-header-style-5 ul.sf-menu > .td-menu-item > a {
padding-left:0;
padding-right:18px;
font-size: 11px;
}

Thanks

Hi Glez,

Try using the code below and place it in Theme panel -> Custom CSS area.

The code is ->

@media (max-width: 767px){
.td-container, .tdc-row {
padding-left: 0;
padding-right: 0;
}

Thanks.

Hi,

If you try it like shown there will be no damage to the block. Simply add the icons you want for each block and use the CSS provided
– https://www.screencast.com/t/adk3VHIC9
– https://www.screencast.com/t/4vnYPSsK
I have tested this for default block header template, if you use a different block header template, the CSS code might need some modifications.

Thanks

Hello Jorge A.,

Unfortunately, please notice that our theme does not have any such an option that allows you to add some ads to your posts on category only if you will make some adjustments in the code which involve custom work. If you want to add some ads in your categories pages you should edit the theme core files and add it to the code, according to our documentation here -> https://forum.tagdiv.com/topic/advertising-block-in-category-page/
After this, using a bit of CSS code you should adjust it to have a good look. Also, if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom services at the moment, sorry!

Thanks for your understanding!

Hello,

It seems to be a mini-bug in our theme and that’s why you should try using the following useful code and place it in Theme panel -> Custom CSS Area.

.td-main-content-wrap, .single .post{
pointer-events: none;
}
.td-main-content-wrap .td-container, .single .td-container {
pointer-events:auto;
}

Thanks for your understanding!

Hi,

The mega menu is not supposed to be used like this. I can give you a code to make them display as you want, but you will have to make tests and see it it causes any problems.
– https://www.screencast.com/t/YjkPbNCxsIT
Enter it in Theme panel->Custom CSS section

.menu-item-123 .sub-menu .menu-item > a {
padding: 7px 22px;
top: -80px;
}

Thanks

Hi,

1. You could use some CSS for that. Like in this example
– https://www.screencast.com/t/4Fwq03zg

.woocommerce-page .current-cat > a {
color: yellow;
}

Enter the code in Theme panel->Custom CSS section (chnage the color to what you want)

2. I don’t know how something like that could be done. Probably by editing the plugin files. There could be solutions online that you can try, in similar topics.

Thanks

Hello fquiquet,

This is the default style for that demo, sorry! You should try using a bit of CSS code to achieve this. Try the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-theme-wrap .block-title > span{
color:white!important;
background-color:black!important;
padding-left:10px!important;
}
.block-title{
border-color:black!important;
}

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

Thanks.

Hi,

Make the modification to the number of products in this file
– https://www.screencast.com/t/lO6yXobqdb2o
Or try this solution – https://docs.woocommerce.com/document/change-number-of-products-displayed-per-page/
Fro the display issue use a code like this, there seem to be some unusual properties to the styling of the products
– https://www.screencast.com/t/GCcEaoVvE
Enter the code in Theme panel->Custom CSS section

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin-right: 20px;
}
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
clear: none;
}

Thanks

Hi,

Please note that each demo contains custom code and design. The Business demo date is specific to the business demo, there is no date widget that can be placed on pages. It contains a simple text with title followed by a code in a Raw HTML element
– https://www.screencast.com/t/tXNsFzYsQI
– https://www.screencast.com/t/K2FSyubG
You could use a different method as well to display the date in a raw HTML element
– https://www.arclab.com/en/kb/htmlcss/display-date-time-javascript-php-ssi.html
– https://www.screencast.com/t/OsL4JrjqrD
– https://www.screencast.com/t/LvJw6yGKE5YV

Thanks