Search Results for 'css'

Hi,

If you refer at this number
https://www.screencast.com/t/2XiPsu145iBT
You need to add this custom css:
.tdb_smart_list_4 .tdb-sml-current-item-nr, .tdb_smart_list_4 .tdb-sml-current-item-title .tdb-sml-current-item-nr{
display: none;
}

See results: https://www.screencast.com/t/xGKJLUXSayax

Thanks.

Hi Matija,

In order to center align the main menu please add this custom css to above css
.td-header-style-3 #td-header-menu {
margin: 0px auto;
display: table;
}
See results: https://www.screencast.com/t/R7xYO4GKmzA

Thanks.

• This reply was modified 7 years by Calin.

Hi pbc,

Please provide a link were I can inspect the problem, in this way I will be able to give you the proper custom css for hove.

Thank you for your understanding.

Hi fno2019,

Hi, you have set hide for td-module-meta-info
https://www.screencast.com/t/98Nnld18YM8

Please add this custom css in Newspaper>Theme panel>Custom code>Custom css
@media (max-width: 768px){
.td-recipes .td_module_wrap .td-module-meta-info {
display: block;
}
}

Hope this will help you.

Thanks.

Hi,

With live css I just give you an example.

I will give you another example.
If you want to customized this post https://www.screencast.com/t/vShNJ4B3 , clikc the right click on the page and click on inspect https://www.screencast.com/t/aX2Y5Bt0N7
let say that I want to have background color gray on the outside of content, and on content to have background color white
https://www.screencast.com/t/SRv4JjHshY

Please tell me what custom css do you need and, please provide a link to your website were I can inspect the problem and give you a custom css for it.

Also you can follow our tutorial about Create custom code with the browser’s Inspector or the Live CSS Box, here you’ll understand better how custom css work.

Thank you for your understanding.

Hi,

Or use some CSS for it, like in this topic – https://forum.tagdiv.com/topic/scroll-back-on-top-arrow/

Thanks

Hi,

1. Please replace above custom css for woocommerce with this one:
.woocommerce ul.products li.product .button,
.single-product .product .summary .cart .button{
font-size: 120%;
text-align: center;
}
.woocommerce ul.products li.product .button {
width: 100%;
}
.single-product .product .summary .cart .button{
margin: -2px 0 0 0;
width: 80%;
}
@media (max-width: 1019px){
.single-product .product .summary .cart .button{
width: 70%;
}
}
.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.wc-proceed-to-checkout .button,
.coupon .button,
.woocommerce ul.products li.product .button,
.single-product .product .summary .cart .button{
background: gray!important;
}

You can change the color if you want.
https://www.screencast.com/t/50ldnbh79
https://www.screencast.com/t/cJjNaHRO
https://www.screencast.com/t/n6FCWaGYEKap

2. Please be notice that the woocommerce is a plugin, is not integrate in our theme ( what I want to say is that our theme is not made for shop, you need to use this plugin for that ).

3. I think that can be done, but you need to have some skills to do that, because is possible to make some changes in the plugin and after that, the plugin will be damage and will crash.

Thank you for your understanding.

Hi,

There is an option to set a color overlay for the flex module images
– https://www.screencast.com/t/xQ8QzghEt3
That will be always on when set. To achieve the same but on hover you could use some CSS. Like this for example – https://www.screencast.com/t/vB7qpmK2zfL
When the module is hovered a gradient color will appear over it, you can modify the colors and values as needed, this is the code used in the example
– https://pastebin.com/MEq8gB8h

If I misunderstood what you are referring to, please correct me.
Thanks

Hi,

I tink you make some confusion with the heading title for smart list and the numbers of smart list
https://www.screencast.com/t/pdBPxPYn
https://www.screencast.com/t/QAglmlPNT

This custom css will work for all devices
https://www.screencast.com/t/hP3MWqWs4A
https://www.screencast.com/t/fGY7T8dg
https://www.screencast.com/t/hkmpEgPRk
https://www.screencast.com/t/DDwB5O3pF3Fe

Thank you for your understanding.

Hello waqas,

Unfortunately, the theme does not have any such an option that allows you to do this, sorry! If you want to move the category tag to be closer to the date, you need to create your own Custom CSS code to do that and if you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for the message!

Hi TrashTalk,

If you want to change the link color all you need to do is to add this css color: red; in above custom css from Simion C.
Results:
https://www.screencast.com/t/9yNwlulj2df
Also you can change the color if you want.

Thank you for your understanding.

Hi,

There will be an underline as the link is hovered. I could give you a CSS code to make the links in the post content have a dotted underline
– https://www.screencast.com/t/jgCVAHYBE1c

.single .td-post-content a {
text-decoration: underline dotted red;
}

This will affect all the links in the post content.

Or you could add a border bottom to the links, in this case the hover text decoration is getting in the way so it could be removed
– https://www.screencast.com/t/RrQ4m5nRdW

.single .td-post-content a {
border-bottom: 1px dotted red;
}
.single .td-post-content a:hover {
text-decoration: none;
}

Maybe these suggestions are helpful.
Thanks

Hello marshallgunnell,

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

.page-id-134 .td-footer-wrapper {
display:none;
}
.page-id-134 .td-sub-footer-container {
display:none;
}

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

Thanks.

Hello cronosalblog,

I have inspected that module and it seems to have a height fix. You should use the following custom CSS code and add it in Theme panel -> Custom CSS Area.

The code is here ->

.td-newsmag-voice .td_module_3{
height:auto;
}

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

Thanks for your understanding!

Hi,

The margins and padding between the columns are fixed, each columns has it’s own width to make sure they will look properly.

A solution would be to set a custom class to that column
– https://www.screencast.com/t/aZSVFcDBHv
Then use a CSS code such as this one to position it more to the left

.test {
margin-left:-24px;
}

This code should be entered in the Advanced CSS desktop section if you will consider it.

Thanks

What header style are you using? Is there a background color set for the main menu in the theme panel colors section? If there is a color set there the menu will not be transparent (I could give you a CSS code if that is the case).

I tried it with header style 5 in this example – http://prntscr.com/lelgtb

Let me know.