Search Results for 'css'

Hi,

You can edit the homepage with tagDiv Composer, check the mobile display, click on flex block and in css tab set a margin bottom -> https://i.imgur.com/nZM8pU4.png
Or you can use a custom css like this one -> https://i.imgur.com/shXLYuW.png
.page .td_block_big_grid_flex_1{
margin-bottom: 2px !important;
}

Thank you!

Hello !

Please use this CSS Code: .td-scroll-up, .td-scroll-up-visible{
display: block;
}

The code must be inserted in here: https://www.screencast.com/t/s61BcemS2eW

Thank you !

Hi,

1. This can be achieve with a custom css -> https://i.imgur.com/HKiIWrE.png
footer .td-pb-padding-side::before {
content: "Continue Reading";
padding: 6px 0;
display: block;
}
The code need to be set in theme panel> custom code> custom css.

2. For this you can use this custom css ->
body[class*="paged"] .tdb_single_featured_image{
display: none;
}

Hope this will help you!
Thank you!

Hi,

If you have set a footer page, you can change the background color/image by editing the footer page with tagDiv Composer -> https://i.imgur.com/C9PnBMY.png -> https://i.imgur.com/7vljnGs.png click on the row and check the css tab -> https://i.imgur.com/1sEBFxT.png

Please check our documentation for Facebook share, this should help you to achieve what you need -> https://forum.tagdiv.com/facebook-share/

Hope this will help!
Thank you!

Hi,

For this you can use a css like this one https://i.imgur.com/E7Je9Og.png
.single .tdb_single_content a{
border-bottom: 1px dashed #1e2f3d;
}
The code need to be set in theme panel> custom code> custom css.
fell free to change the color.

Thank you!

Hi,

You can try this custom css for mobile theme plugin ->
.single .td-post-featured-image{
display: none;
}
The code need to be set in Theme panel> mobile theme> Custom code > css

Thank you!

Hi,

1 – What am I missing to get my buttons with perfect circle shapes?
For this you need to increase the border radius -> https://i.imgur.com/wZBmmRx.png

2- How can I make some buttons “non-clickable” like “1” and “…” ? (like your pagination)
If you want to have both round and normal pagination, you can be done only with custom css -> https://forum.tagdiv.com/search/css/ if you want I can try to help you, just provide some more details about what you want to achieve.

Thank you!

Hello !

Please try this CSS Code:

.td-post-template-3 .td-post-content {
padding-left: 2px;
padding-right: 2px;

The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5

I hope this was helpful !

Thank you !

Hi,

As I can see you have set in lice css some code on random id -> .page-id-82863966
Here is how is look for me -> https://i.imgur.com/saHpH5L.png
Also on pages you can use the tagDiv Composer to adjust the margins -> https://www.screencast.com/t/b5rLIcMBxZK

Thank you!

Hi,

In order to center the buttons, you need to select the rows that contain these buttons, check the css tab and set margin left and right auto and display center -> https://i.imgur.com/CvbLKMi.png

Hope this will help you!
Thank you!

Hi,

1. In order to remove the gap you can edit the page and set to the first row a margin top
-40 https://www.screencast.com/t/XHpfT49oE9U ( in you case 48px is the gap so you can set -48 margin top) or you can use custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
If you need help whit this please provide a link were I can inspect the problem, in this way I will be able to provide you the right css.

You can change the gap between the elements using tagDiv Composer -> https://www.screencast.com/t/b5rLIcMBxZK

2. You can create a mega menu using our documentation from here -> https://forum.tagdiv.com/mega-menu/
Main menu -> https://forum.tagdiv.com/main-menu/

3. The mega menu can display only the posts, but this can be achieve bay creating a page using tagDiv Composer, set the blocks in it and set the page as page menu -> https://forum.tagdiv.com/page-menu/

Thank you!

Hello!

That can be achieved using the tagDiv Composer. Open tagDiv Composer, select the mobile viewport, edit the ROW in the CSS tab and select the background color as you can see here: https://www.screencast.com/t/qKp5IpOwk

Thank you !

Hi,

You can try this fix
#td-mobile-nav {
position: fixed;
}

Paste the code in Newspaper>Theme panel>Custom code>Custom css
But also is possible to be others elements broken in RTL

Our theme was does not support RTL so simply changing the direction will not work properly. Lots of theme elements have to be adjusted for the thee to support RTL.

Thank you!

Hi,

You can try this fix
#td-mobile-nav {
position: fixed;
}

Paste the code in Newspaper>Theme panel>Custom code>Custom css
But also is possible to be others elements broken in RTL

Our theme was does not support RTL so simply changing the direction will not work properly. Lots of theme elements have to be adjusted for the thee to support RTL.

Thank you!

Hi,

You can change the gradient using a css like this one -> https://i.imgur.com/jEA2qmI.jpg
.tdb_single_bg_featured_image:after {
background: linear-gradient(220deg,rgba(0,0,0,0),rgba(131, 131, 131, 0.5))!important;
}
Just adjust it after your needs.
The code need to be set in Theme panel > custom code> custom css

Thank you!

Hi,

So in order to insert icons you need to use the Font Awesome plugin, you can check our documentation from here -> https://forum.tagdiv.com/how-to-add-icons-in-menu/
Here is an example -> https://i.imgur.com/qwOrW8B.png and here is the results -> https://i.imgur.com/97e8OHn.png
You need to replace the above css with this one ->
.show-star-data{
background-color: #F9F9F9;
width: 300px;
border-bottom: 1px solid #ddd;
padding: 12px 24px;
}
.show-star-data .title-data, .show-star-data .info-data{
font-family: sans-serif;
font-size: 10px;
color: #666;
margin-bottom: 0;
text-transform: uppercase;
padding-left: 44px;
}
.show-star-data .info-data{
font-size: 16px;
line-height: 24px;
}
.show-star-data .fas{
float: left;
margin: 12px
}

This should do the trick.
How this will help.
Thanks.