Search Results for 'css'

Hello adam21s,

You can try using a bit of CSS code to do this. Try the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-social-style-2 .td-icon-font {
top: -444px;
}

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

Thanks for your understanding!

Hello adam21s,

You should use a bit of CSS code in order to achieve this. Provide your website URL so I can take a closer look to it and so I can provide some code in this case.

Thanks.

Hello,

You can try to use a float:right on the banner. Please provide a link to your site so I can inspect the banner code and see if there is a css solution.

Thanks

Hello,

Please read the documentation:
https://forum.tagdiv.com/smart-sidebar-2/
The scroll to top button can be activated using this code in the theme panel-> custom css box:
@media (max-width: 767px) {
.td-scroll-up {
display: block;
}}

Thanks.

Hi,

For removing the gradient, you could try a code like this
– https://www.screencast.com/t/2WwLwdIxV9
Enter it in Theme panel->Custom Css

.td_block_big_grid_fl_7.td-grid-style-1
.td-module-thumb a:last-child:before {
display: none!important;
}

For the border I don’t know how exactly you want it to be. You could use something like this for example
– https://www.screencast.com/t/pyKTqI3tO

.td_block_big_grid_fl_7 .td-module-thumb {
border: 1px solid blue;
}

Or create your own code and customize the grid modules the way you want. Use the browser inspector to identify the elements present and their classes and create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello Kostas,

Unfortunately, I do not exactly understand what you mean, sorry! Please notice that our theme does not have any such an option that allows you to make these changes, sorry! If you want to add some custom CSS to your website, notice that you can add it in Theme panel->Cusotm CSS code.

Thanks for your understanding!

Hello,

The spacing comes from the block’s and page margins and padding.
Try to add this code in the theme panel-> custom css box:
.td-main-page-wrap{
padding-top: 10px;
}
.td_block_trending_now{
margin-bottom:30px;
}

Thanks

Hello economiesofsport,

Unfortunately, please notice that we do not recommend doing this change because the theme layout can be broken, sorry! As a hint, you can try using the following code and place it in Theme panel->Custom CSS area.

The code is ->

.td-container-wrap {
width: 1105px;
}

Thanks for your understanding!

Hello,

No, making a child theme will not change the theme settings. But if you just want to make css modifications, you do not needs a child them at all. You can simply use the theme panel-> custom code-> custom css box to make you modifications.

Thanks.

Hello,

Each demo has it’s own style and custom features. If you want to replicate a feature from one demo and implement it on another demo, this is not covered by the theme support. Each of the demos has the stylesheet present in the theme files where you cna find the css code used. Here is the code you are looking for: https://www.screencast.com/t/LOQwGbh4y7f

Thanks.

Hi,

Please enter this code in Theme panel->Custom Css and it will remove the page title
– https://www.screencast.com/t/8rhKYsbFfK

.page-template-default
.td-page-title {
display: none;
}

Thanks

Hello,

Google requires the date to be activated on posts in order to get a full score. If you do not want to show the date you can simply hide it with css.

Add this code in your theme panel -> custom css box:

.td-post-date, .td-post-author-name span{
display:none;
}

And leave the option on in the theme panel.

Thanks

Hello elmundoboston,

You should use a bit of CSS in order to do this. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.page-id-1372 .td-header-ad-wrap{
display:none!important;
}

The result you should see here -> https://www.screencast.com/t/SBEp5CZwB

You should create your own CSS code for your desired page using the page ID.

Thanks for your understanding!

Hi,

1. Removing the Back/Next from the smart list pagination can only be done by modifying the theme files. You can try removing the text in this file, from these locations
– https://www.screencast.com/t/WtAQrsWo1w
– https://www.screencast.com/t/m5LXRTQNow

2. The author box displayed on the post page, can be disabled in theme panel
– https://www.screencast.com/t/ffTJUg8P20X

3. If you want to set a background color for the bottom sharing, you could do that with a code like this
– https://www.screencast.com/t/CImJhWySp
The code must be entered in Theme panel->Custom Css

.td-post-sharing-bottom {
background-color: red;
}

Thanks