Search Results for 'css'

Hi,

Please try this custom css
.td_block_big_grid_4 .td-big-thumb:hover{
border-radius: 10px;
border: 1px solid black;
}
.td_block_big_grid_4 .td-big-grid-post .td-module-thumb {
background-color: transparent;
}
.td_block_big_grid_4 .td-big-grid-post {
width: 49%;
}
.td_block_big_grid_4 .td-big-thumb {
padding-right: 0px;
margin-right: 1%;
}
https://www.screencast.com/t/vvS6VsaRH0

Thank you.

Hi,

If you want to add a border around the posts, you should use the code below and place it in the Theme panel -> Custom CSS area.

The code is ->

.td-post-content{
border:1px solid red;
}

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

Thanks.

Hi,

Unfortunate this need to be done with custom css, please provide me a link were I can inspect the blocks you want to have the orange background color on categories, in this way I will be able to provide you the right css.

Thank you for your understanding.

Hi,

In order to build an page with your own html please add a new page ( https://www.screencast.com/t/rfr05ocUbGt )
https://www.screencast.com/t/L2iqQ9lwtI
results: https://www.screencast.com/t/VxWzAQ7gxE
Here you can set you javascript and css
https://www.screencast.com/t/5OhjolRp

Also you can use tagDiv Composer, drag in row a html element https://www.screencast.com/t/jym0FUs5udy0 and insert your html there.
Hope this will help you.

Thank you for your understanding.

Hi,

In order to add some css to AMP you need to edit the style.php file from amp plugin, so you need to go in wp-content>plugins>td-amp>templates>style.php (example https://www.screencast.com/t/vIUHFAbD6uRH ).

Thank you for your understanding.

Hi,

Please try this custom css:
.td-big-thumb:hover{
border-radius: 50px;
}
You can adjust it after your needs.
https://www.screencast.com/t/vgSINvJ5nuQ

Thanks.

Hi orrorea33giri,

1. Please notice that the TagDiv Composer will show only the socials form it, not from Theme panel ( those are separate from socials show in theme panel), those that are showing in theme panel will be show in top bar, footer…
Socials in Composer : -> https://www.screencast.com/t/7NQQCQNyLzs3

2. Please edit the single post template, click on add custom css
https://www.screencast.com/t/1ecxR0B3qF
add this custom css

.tdb-featured-image-bg {
background-position: center center;
}

https://www.screencast.com/t/OTDI422Cmo
Hope this will help you.

Thank you.

• This reply was modified 7 years by Calin.

Hi,

1. With flex blocks and flex grids that would be possible. These have options to enable/disable the date per block
– http://prntscr.com/lpzzj8
So while the date general setting in the theme panel block settings is active, the date can be removed per flex block.

If this is not helpful maybe it could be done with some CSS, the general date setting has to be enabled first. Then set a custom class to the FEATURED ANSWER and LATEST ANSWERS blocks
– https://www.screencast.com/t/DfDzaIcu0fH

Then use a code like this, replace the “myclass” with the one you used

.td_block_wrap .td-post-date,
.td_block_wrap .td-post-author-name span {
display: none;
}
.myclass .td-post-date,
.myclass .td-post-author-name span {
display: inline-block;
}

This should hide the date for all blocks, except the ones that have the “myclass” class set to them. You could gibe it a try.

2. That would require modifications to the modules used
– https://forum.tagdiv.com/topic/how-to-show-date-update-article/

Thanks

Hi,

If I understand incorrectly you wan to gave that background color for all image you have set to center, if is so please provide a link here I can inspect the problem, in this way I will be able to give you the right css.

Thank you for your understanding.

Hi,

You could use a smart list style that doesn’t refresh the page, like these ones
– https://demo.tagdiv.com/newspaper/smart-list-style-1/
– https://demo.tagdiv.com/newspaper/smart-list-style-3/

If that is not possible, maybe the first paragraphs displayed above the smart list can be removed with CSS starting from the second slide.

Something like this could work, may need modifications however
– https://forum.tagdiv.com/topic/count-on-smartlist-2-how-to-skip-the-1st-number/

Thanks

Hi,

Please add this custom css to in the Newspaper>Theme panel>Custom code>Advanced cod Phone
.tdc-row:first-child{
padding: 0 0 0 0 ;
}
https://www.screencast.com/t/ImFgD4cAFZ

Thank you.

Hi,

In order to solve this problem you’ll need to make some changes in the file plugin for this calendar, and set on the class for drop-down this css
overflow: visible!important;
z-index: 9999;
Hope this will help you.

Thank you for your understanding.

Hi,

Seems the width of the video iframe is not occupying the full size that is available. From what I can see this could be caused by a plugin
– https://www.screencast.com/t/DAW00Rldl
That plugin has CSS for iframes which overrides the theme CSS it seems. If possible try as a quick test to deactivate it to see if that is the case.

I could give you a code to force the video to be as it should, enter it in the custom CSS code of the theme panel and check the results

.td-post-featured-video iframe {
width: 100%;
}

Thanks