Search Results for 'css'

Hi,

I ask a senor developer and he say that can not be done using only custom css, also for the moment our theme do not have any option for mega menu loader gif, but this suggestion will be take in consideration and in coming updates this will be possible, for the moment you can check that loading animation only form theme accent color -> https://www.screencast.com/t/HcsSWlAbvH or making some changes in javascript files and minify file, but this will applay on all blocks that have next, prev button
-> https://www.screencast.com/t/uw39FCar
What you can do is to replace that animation with a gif -> https://www.screencast.com/t/LYnhcQo2SH2

.td-loader-gif{
background: url("http://localhost/test_site95/wp-content/uploads/2019/02/UUjhE.gif");
background-repeat: no-repeat, repeat;
width: 100px;
height: 100px;
margin-top: -50px;
}
.td-lb-box-1, .td-lb-box-2,.td-lb-box-3,.td-lb-box-4,.td-lb-box-5,.td-lb-box-6,.td-lb-box-7,.td-lb-box-8{
display: none;
}

Thank you for your understanding!

Hi,

Thank you for the appreciation. That gradient color is meant to make the post meta more visible if for example an image like this one is used – http://prntscr.com/mnjrbd
With gradient – http://prntscr.com/mnjrfw

This gradient is predefined to appear, however I could give you a solution
– http://prntscr.com/mnjsin
Enter this code in Theme panel->Custom code->Custom CSS section, it will remove it

.td_block_slide .td-image-gradient:before {
display: none;
}

Thanks

Hi,

From the first image I see that you have not created the mega-menu properly, it is not a bug, it is a common mistake. Some helpful topics here
– https://forum.tagdiv.com/mega-menu/
– https://forum.tagdiv.com/topic/hopefully-last-bit-of-help-slight-issue-with-the-mega-menu/
Basically the menu item you choose to make a mega-menu must not have sub-menus.

For that second issue, I could inspect it. From an image I can’t say what is wrong there exactly. Post a link to the website where I can see it. If you are designing for example a page in the composer, keep checking how it will look on mobile
– http://prntscr.com/mnj5f6
Some settings can be set per device, like the CSS – http://prntscr.com/mnj5w2

Thanks

Hi,

Please try this custom css
-> https://www.screencast.com/t/9HjUKngF9tuL
.td-header-style-10 .td-header-gradient::before {
height: 5px;
position: absolute;
bottom: 0;
background-color: #339990;
}
.td-header-style-10 .sf-menu > li > a::after {
height: 100%;
z-index: -1;
background-color: #303030;
}
.td-header-style-10 .sf-menu > .td-menu-item > a {
margin-bottom: 5px;
}
.td-header-wrap .td-header-menu-wrap-full {
background-color: #339990;
}
.sf-menu ul .td-menu-item > a {
color: black;
}
.td-header-menu-wrap.td-affix {
background-color: #339990;
}
.sf-menu ul .td-menu-item > a {
color: black!important;
}
.td-header-style-10 .header-search-wrap .td-icon-search,
.sf-menu > li > a ,
.sf-menu a:active, .sf-menu a:hover {
color: white;
}
.td-header-style-10 .header-search-wrap .td-drop-down-search {
border-color: #e9e9e9;
border-width: 0 1px 1px;
border-style: solid;
box-shadow: none;
}
.td-header-style-10 .header-search-wrap .td-drop-down-search:before {
border-color: transparent transparent #009688;
}
.td-header-style-10 .header-search-wrap .td-drop-down-search:after {
top: -5px;
height: 5px;
background-color: #009688;
}

Thank you for your understanding!

Hi,

Please try this custom css
-> https://www.screencast.com/t/qZpoWX5f
@media (max-width: 767px){
.td-church .td-banner .td_block_image_box .td-custom-image a {
height: calc(30vh - 27px) !important;
}
}
Add this code in Newspaper>Theme panel >Custom code>Custom css

Thanks.

Hi,

This can be achieve using header builder and edit/build a menu after your needs -> https://tagdiv.com/whats-new-in-newspaper-theme-9-5-update/
or you can use custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
-> https://www.screencast.com/t/xczr10qfu
body {
margin-top: 25px;
}
You can set the code in Newspaper>theme panel>Custom code>Custom css

Thank you

Hi,

If I understand correctly you want to have diferent background on homepage and posts, if is so this can be achieve using single post templates from tagDiv Cloud Library and set background color on templates or you can use custom css
-> https://www.screencast.com/t/0XEM0MiA
-> https://www.screencast.com/t/yYfkqy64

Thank you!

Hi,

Unfortunately I do not know how to implemented this in theme files, but if you want you can use a custom css that do the same thing.
You can try this custom css for color on individual categories -> https://www.screencast.com/t/1ilmCmyTZhh

.td-module-image a[href$="/video/"]{
background-color: green;
}
All you need to do is to change the category in code and the background color will apply on that category.

Thank you!

Hi,

We don’t recommend making modifications to the theme stylesheet, this could lead to problems. With a general background set, there will be a class set on the body, this will apply to all the theme containers and restrict them to a certain width, in order to see the background – http://prntscr.com/mn11ka
Only through modifications in the stylesheet or overriding CSS code would this be possible.

If you want a wider layout and keep a background, maybe you could consider doing it in the composer with the row background options (color, image or YouTube video)
– http://prntscr.com/mn137j – http://prntscr.com/mn13bk
Now the composer can be used to design almost anything, pages, post templates, category templates etc.

Thanks

Hi,

So the issue is only with the live CSS. We could take a look at it, send us admin login at contact@tagdiv.com and we will try to identify what could be the problem. Include a link to this topic in the email.

It would be easier with some CSS, check in this topic a solution I provided (lower in the post) to color the category tags by the category name
– https://forum.tagdiv.com/topic/category-label-appearance-on-block-1/

Hi,

Sir this will be more easy if you can provide me your credentials for admin login, please send us an email at contact@tagdiv.com and provide admin login.
I will make the right changes in css code. Include a link to this topic in the email.

Thank you for your understanding!