Search Results for 'css'

Hi,

For this you can use the mobile theme, this will make your speed more faster -> https://forum.tagdiv.com/the-mobile-theme/ or if you do not want to use the mobile theme you can use a custom css tho hide that block on mobile device;
for example this code will hide the block 1 and 3 ->
.td_block_1, .td_block_3 {
display: none;
}
please set it in newspaper>theme panel>custom code > advance css> mobile section -> https://www.screencast.com/t/50Coc8Qe

Thank you!

Hi,

Seems to happen only on an iPhone, I found a similar topic where the issue of input fields being rounded on an iPhone
– https://stackoverflow.com/questions/2918707/turn-off-iphone-safari-input-element-rounding

This code should fix it, I made a brief test and it seems to work. Enter it in the theme panel custom CSS section, see if it removes that border radius and shadow

.tds-newsletter input {
-webkit-appearance: none;
border-radius: 0;
}

Thanks

Hi,

So a sub-menu on three levels – http://prntscr.com/msy7tl – http://prntscr.com/msy81h
From what I can understand you don’t want the previous sub-menus to be active when for example you are on the last sub-menu, like this – http://prntscr.com/msybv9

You could try this code if that is the case, enter it in the theme panel custom CSS section

.sf-menu .sub-menu .current-menu-ancestor > a {
color: black;
}

If I misunderstand please let me know, also some screenshots with what exactly you would like to do would be very helpful.

Thanks

Hi,

If you use a cloud header template that is possible with a setting
– http://prntscr.com/msx74s

If you don’t use a cloud header template, you could either comment the code as mentioned in this topic by Bogdan – https://forum.tagdiv.com/topic/order-of-navigation-items/

Or use a CSS code to hide it – http://prntscr.com/msx9si this code will apply to all the mega-menus with sub-categories (it can be made more precise if needed)

.block-mega-child-cats a:first-child{
display: none;
}

The code can be entered in the Theme panel custom CSS section.

Thanks

Hi,

If you want to hide this results -> https://www.screencast.com/t/lkrc8JhOPI8 then this can be achieve with some custom css -> https://www.screencast.com/t/jORdqkJGaKX
The code is
.td-aj-search-results .td_module_mx2 a[href$=”/the-url-of-your-post/”] {
display:none;
}
-> https://www.screencast.com/t/Sl9tkKtaU

Hope this will help you!

Hi,

Yes, you need to add this code to the original style.css of your theme. Regarding on TD Composer, all the code which you have added from it will overwrite the default style.css, for example -> https://www.screencast.com/t/AbUlMOnG7

Thanks for your understnading!

Hi,

That is possible, in the CSS tab of the respective block – http://prntscr.com/msw8f7
You can choose the thickness, the color and the style of the border.

Thanks

Hi,

The font family and font size can be change with tagDiv Composer
-> https://www.screencast.com/t/gcrbOkPQq
-> https://www.screencast.com/t/jbvLBIxyCVaE
And for color you’ll need to use a custom css in order to change the color only on those blocks -> https://www.screencast.com/t/lC6s2QuwRD4z
.td-load-more-wrap a {
color: red;
}
.td_ajax_load_more {
border: 1px solid blue;
}
.td-subcat-filter .td-subcat-list a {
color: green;
}

Thank you!

Hi,

For the color of header form the block the settings are those -> https://www.screencast.com/t/s4ilVnRDp4 and for text are those -> https://www.screencast.com/t/vABX2FKRakuL
for load more -> https://www.screencast.com/t/rUvV3PPHMrk
for color you need to use a custom css for those blocks -> https://www.screencast.com/t/0k0A2nlEj4
.td-load-more-wrap a {
color: #333;
}
.td_ajax_load_more {
border: 1px solid #333;
}

Thank you

Hi,

This is not a bug, this is what display fix means, to be fixed in a place ( top or bottom ) -> https://www.screencast.com/t/sbE77saK that means that the header is set above of post/page content -> https://www.screencast.com/t/ko4czeytxkyI
Here are some more example for position fix -> https://www.w3schools.com/css/css_positioning.asp

Thank you fro your understanding!

Hi ySV,

Another alternative, in this case, is to directly affect the style.css code, clear all the caches and check the results.

Thanks for your understnading!

Hi,

All the custom CSS code can be added in Theme panel, in Custom CSS code section area from here -> https://www.screencast.com/t/24SkfmeMyG Also, if you find the style.css file, you can find it here -> https://www.screencast.com/t/1gP6uZLhYJO -> https://www.screencast.com/t/T1jdcZhqRxU

Hope this helps!

Thanks for your understnading!

Hi,

In order to hide the search button on mobile please go in WP Dashboard Newspaper>Theme panel > Custom code> Custom css and paste this code there
#td-header-search-button-mob, .td-search-icon
{
display: none;
}

https://www.screencast.com/t/Am7S6pyXkFSy
See results: https://www.screencast.com/t/pgmUVx0VgDo4

Thank you.

Hi,

You can use a custom css for this problem -> https://www.screencast.com/t/OSuhSVZbuO
.td_block_19 .td-load-more-wrap a {
margin-bottom: 15px;
position: relative;
color: #000;
}
.td_block_19 .td_ajax_load_more {
border: 1px solid #000;
}
Maybe you need to adjust the color in order to have a proper view of load more button.

Thank you!

Hi,

Indeed there is a missing custom css -> https://www.screencast.com/t/65rxYhr8A8
I note this issue on our fix list.
Please add this custom css in Newspaper>Theme panel>Custom code>Custom css ; this should fix the problem.
.td-header-wrap .td-drop-down-search.td-drop-down-search-open {
background-color: rgba(18,18,18,.97);
border: 1px solid #222;
}

Thank you for your understanding!