Search Results for 'css'

You could move the code responsible with the source/via from the loop single file of the post template you want to modify, in the single file. Example for post template 2
– https://www.screencast.com/t/NNGpKHtm7T
– https://www.screencast.com/t/UY9Jj8ZjqjRB
Then with some CSS to position it properly
– https://www.screencast.com/t/eacW7OjHr

.td-post-source-via {
display: inline-block;
position: relative;
bottom: 2px;
}

You could further tweak this solution if necessary. Custom code can be entered in Theme panel->Custom CSS.

Hi,

I see the table you are referring to now. If you copied only the HTML then there will be no design for it. It will require CSS to style the table. I don’t know how exactly you want the table to look or how it looked in the location you copied it from.

That page also seems to be a Woocommerce product page, there is some design for Woocommerce pages that removes the table borders
– https://www.screencast.com/t/VdhkSBL7hG
I could give you a code to make the borders appear, like this
– https://www.screencast.com/t/Zvz8SWRWUQ6
The code can be entered in Theme panel->Custom CSS

.woocommerce-page .product table td {
border: 1px solid #ededed!important;
}

Thanks

I believe that is block 19, you could use a code like this to remove the thumbnail if that is what you want (enter it in Theme panel->Custom CSS)

.td_block_19 .td_module_mx2 .entry-thumb {
display: none;
}

Or you could limit the block to 2 posts and use a different type of block below it, a type that does not use thumbnails (blocks 9 or 10)
– https://www.screencast.com/t/6dr50rta1nn

Currently there is no solution for that. If you used Visual composer on posts and the tagDiv composer is active there will be layout issues. It was never recommended to use Visual composer to create posts, and it is not recommended to have both composers active at the same time.

If you could provide a link to such a post where the issue is happening, maybe something could be done with CSS to stop the layout from breaking.

Hello,

Unfortunately there is no way to stop the default font from loading except altering the main theme files. You can see the change happen because of more rewrites to the trending now element. You also change the body p general font which is another rewrite to the font. On slow connections you can see every rewrite happening on your site. This is the way css works and there is nothing to be done about it except reduce the numbers of rewrites to the same element.
You can give this topic a shot: https://forum.tagdiv.com/topic/do-i-really-need-to-change-all-the-text-fields-for-fonts/

Thank you!

The top menu is not displayed on mobile, it is not supposed to display. It could be made to appear when the mobile theme plugin is not active, if absolutely needed. It would require a code like the following in this case
– https://www.screencast.com/t/kIe6BhRbVTJ
This code can to be entered in Theme panel->Custom CSS section

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

Regarding the thumbnails, when stretching the rows with content the thumbnails will be stretched as well. That is why they appear like that. You can use Full big grids which use larger thumbnails
– https://demo.tagdiv.com/newspaper/full-big-grid-1/
Or try experimenting with the new flex block in which you can select thumbnail size
– https://demo.tagdiv.com/newspaper/flex-block/
– https://www.screencast.com/t/KC4BVGaq

Thanks

Hi,

Rows have a default padding on mobile. You could try something like this. First set a custom class of your choosing for the row containing the counter (so other rows will not be affected)
– https://www.screencast.com/t/LmtoeTf4aL
Then use a code like this in Theme panel->Custom CSS it should work
– https://www.screencast.com/t/RBnVWVK6ce

.td-stretch-content .myclass {
width: 112%;
margin-left: -24px;
}

The default value is 14px for the body on mobile, with a line height of 21px
– https://www.screencast.com/t/1bRyQMuH
You can simply use a code like this to modify it
– https://www.screencast.com/t/ZbVEa33gUTw

body, p {
font-size: 17px;
}

Custom CSS codes can be entered for the mobile theme in Theme panel->Mobile theme->Custom CSS.

You could also edit the mobile theme stylesheet and make the modifications directly there, instead of overriding them
– https://www.screencast.com/t/ZaBaESdgJYet

Thanks

Hello Amee,

You should provide your website URL and a screen with the problem. Notice that the theme does not have any such an option for collapsable comments, sorry! Maybe, space can be reduced with a custom CSS code.

Thanks for the message!

I really don’t know how that would be possible. A simple comment in the code for a theme element on the post page, or entering a code in the custom CSS section of the theme panel, would cause the whole page to be not found.

Please send us an email at contact@tagdiv.com and provide admin login information. We will take a look. Include a link to this topic in the email.

Hi,

Indeed the mobile theme plugin does not have font settings. This could only be done with CSS. These is a similar topic explaining how you can load an additional font on mobile
– https://forum.tagdiv.com/topic/change-font-of-mobile-theme/
Then apply it to the elements you want with CSS. The font size could be changed the same way. I can give you some pointers if you could mention for which elements you want to make this modification exactly.

Thanks