Search Results for 'css'

Hello !

We are sorry for the inconvenience !

Please add this code to the custom css box locate in here: https://www.screencast.com/t/wWLLtpwWn42

.td-header-style-9 .td-logo-wrap-full .td-logo {
line-height: 130px;
}

Thank you !

Hello !

Unfortunately you cannot edit that color. We are sorry for the inconvenience. You can try finding a freelancer who can modify that using some custom css.

Thank you !

Hi,

The menu or the whole header? The whole header is possible when you edit the page with the composer – http://prntscr.com/nprim1
Just the menu it would be possible if you use a cloud header template
– https://cloud.tagdiv.com/#/load/Headers
These can be modified/created with the tagDiv composer. So for example while the rest of the website uses a header template, in the page you want you can use a cloud header template without a menu in it. If you import one, remove the menu element from it
– http://prntscr.com/nprlej
If you decide to build one from blank, simply don’t place a header menu element in it
– http://prntscr.com/nprme8 – http://prntscr.com/nprmjb

In case you don’t want to use a cloud header template, and only wish to simply remove the menu from a specific page, it could be done with CSS. Post a link to this page and I will create a code for it.

Let me know.
Thanks

Hi,

In order to set text over featured image you need to set the featured image on a row and below set other row for title after that set in css -350 margin top -> https://www.screencast.com/t/udAFlNciblVf -> https://www.screencast.com/t/Rbs4rexAC9K

Thank you!

Hi,

In order to change the page color you can use this custom css
https://www.screencast.com/t/1VhhyhOqn
.single .post-page-numbers{
color: #fff;
background-color: gray;
border-color: black;
}
.single .post-page-numbers:hover{
color: gray;
background-color: #fff;
border-color: black;
}
Fell free to set the colors you need!

Hope this is what you need!
Thanks.

Hi,

Unfortunately we do not have for the moment this theme to make custom work, sorry!
For the arrow slider you can try this custom css but, I do not know if this will work correctly
.wpls-logo-showcase button.slick-prev, .wpls-logo-showcase button.slick-prev:active {
background: rgba(48, 96,155, 0.5) url(../images/arrow-left.png) center center no-repeat !important;
background-size: 15px 15px !important;
}
.wpls-logo-showcase button.slick-next, .wpls-logo-showcase button.slick-next:active {
background: rgba(48, 96, 155, 0.5) url(../images/arrow-right.png) center center no-repeat !important;
background-size: 15px 15px !important;
}
Using a footer page will be more easy to achieve that you need.
Footer page from tagDiv cloud template -> https://www.screencast.com/t/1sGZfJhqc -> https://forum.tagdiv.com/footer-templates/

Thank you!

Hi,

The top structure of those recipe posts is created just for demo purposes. A related topic here – https://forum.tagdiv.com/topic/food-blog/
You could use the same as in the demo, but maybe it would be easier and faster to use a dedicated recipe plugin.

The lost below it is an arrow list in the demo post
– https://demo.tagdiv.com/newspaper/lists/ an arrow list can be created from an ordered or ordered list – http://prntscr.com/npcv1a
The size of the arrows could be changed but not by a setting. Try a code like this in the theme panel custom CSS section – http://prntscr.com/npcwko (modify the size as needed)

.td-post-content .td-arrow-list li:before {
font-size: 10px;
}

The big numbers are dropcaps – http://prntscr.com/npcx3u it depends on what you want to modify about them. They could be done with some CSS as well
– https://tagdiv.com/how-to-create-custom-code-in-newspaper-theme/

Thanks

Hello !

Is your site live so we can check it out ? Because we cannot offer a solution at the moment. The modifications you want will require a custom css so without seeing what elements you’ve implemented in your page it will be impossible for us to offer you a correct solution.

Thank you !

Hi,

1. Please make sure that you clear all cache after you set the url for social BLOGGER -> https://www.screencast.com/t/1RT3BFZesg -> https://www.screencast.com/t/ZGk4BdzmIX7

2. I will note your suggestion with PlayStore on our list of suggestion for social media.

3. That effect is set only on big grid (style – Lightsky -> https://www.screencast.com/t/BA3NnNs4kOEa ), if you want to use it on others blocks too, you’ll need to use a custom css.

4. I think that popup comes from a plugin, our theme do not have this option for popup email, sorry!

Thank you!

Hello !

Sorry for missunderstanding your issue.

In order to have the radius you will have to make some custom modifications:

First we will need to set an extra class to our element: https://www.screencast.com/t/Zyp5OZdsQ I named it underheader ( you can name it however you want )

Then you will need to apply this code:
.underheader .td-element-style {
border-radius: 20px;
}

Into the custom css tab located in Theme panel – Custom Code -Custom CSS: https://www.screencast.com/t/0eXhvHQlreqy

You can edit the border radius and .Underheader to the name you selected but don’t forget to add the . before the word.

To allign the text in the element you will go into the CSS tab from the composer like here: https://www.screencast.com/t/NbG9YJizK7

Thank you !

It can be added in the theme panel custom CSS section. From what I can see it is working
– http://prntscr.com/np95f2
If you have more questions let us know.

Hello !

Please provide a url to your website so we can give you a good css to solve the issue. Also take a look at this topic: https://forum.tagdiv.com/topic/to-top-button-higher-on-mobile/

Thank you !

Hi,

Why not remove the link in the theme panel set for the backgrounder ad? maybe I am misunderstanding. So you have a background set in the theme panel, but don’t want the background to be clickable. There is something you could try and see if it works, try this code in the theme panel custom CSS section

.backstretch {
z-index: auto;
}

Thanks