Search Results for 'css'

Hello !

Please provide a link to your website and the name of the header your are using.

If you’re using a cloud template you can edit the colors using the tagDiv Composer by going to the CSS tab and edit the colors from there like here: https://www.screencast.com/t/sT1jiAK8ZN7m Keep in mind that on a header there can be more than 1 zone so make sure you edit every single one. See the difference between first picture an this: https://www.screencast.com/t/z0v5wwSxi93

Thank you !

Hi,

Please replace the above custom css with this one
-> https://www.screencast.com/t/zjwh43iMQD1
.single .page-nav a:first-child, .single .page-nav a:last-child{
width: auto!important;
}
.td-icon-menu-right:before {
content: 'Next \e80d ';
}
.td-icon-menu-left:after {
content: 'Back';
font-family: 'newspaper';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
text-align: center;
-webkit-font-smoothing: antialiased;
}

Hope this will help you!
Thanks.

Hi,

So you want just the menu to be hidden, but the rest of the top bar should be visible? you could build or import a cloud header template and remove/not use a menu element
– https://cloud.tagdiv.com/#/load/Headers
Or you could use CSS to remove it, something like this should work

.td-header-wrap .td-header-menu-wrap {
display: none;
}

If it doesn’t work, please post a link to the website and I will modify it accordingly. Or specify what header style you use. Let me know.

Thanks

Hi,

You can try using the code below and place it in Theme panel -> Custom CSS area.

.page-id-2528 #td-outer-wrap {
overflow: -webkit-paged-y;
}

Hope this helps!

Thank you!

Hi,

From what I know from searching online something must have changed on Facebook’s side, pasting the link to a Facebook video in the post content will not work anymore
– https://wordpress.org/support/topic/facebook-videos-dont-show-on-the-classic-editor/
– https://stackoverflow.com/questions/56143270/facebook-video-url-not-working-in-wordpress-sie

I get this – http://prntscr.com/nou6j8 – http://prntscr.com/nou6op
Using the embed code seems to still work – http://prntscr.com/nou70k
– http://prntscr.com/nou73w
This works in the mobile theme and AMP is active as well – http://prntscr.com/nou7hu
So if you embedded thee videos as mentioned they will work in the mobile theme + AMP version.

But the modal you are referring to when images are clicked (mobile theme active) will not work. That will work only for desktop. The mobile theme is kept as simple as possible, for increased speed. Some users asked for a solution to remove any interaction with the images, that could be done with CSS – https://forum.tagdiv.com/topic/disable-click-on-photo-in-the-mobile-theme/

Thanks

Hi,

You could set a negative margin for the row containing the grid and the row containing the block below – http://prntscr.com/notwqp – http://prntscr.com/notwyp Use a value of 48px because these are the default margins between rows.

Or I could give you a code for it, to remove the padding and margin as you want
– http://prntscr.com/nou14i
The code can be entered in the theme panel, custom CSS section

.home .td_block_wrap.td_block_big_grid_fl_1 {
margin-bottom: 0;
}
.home.td-health .td-main-page-wrap {
padding-top: 0;
}

I could modify the code if needed.

Thanks

Hi,

Please try this custom css
https://www.screencast.com/t/Ys3Eef1fii
@media (min-width: 600px){
.wp-block-column {
flex-basis: 100%;
}
}
Set the code in Theme panel>Custom code>Custom css

Thank you!

Hi,

In order to a some text in next/prev buttons you can try this custom css
https://www.screencast.com/t/alCUivu8R
.single .page-nav a:first-child, .single .page-nav a:last-child{
width: auto!important;
}
.td-icon-menu-right:before {
content: 'Next \e80d';
}
.td-icon-menu-left:after {
content: ' Back';
}

Hope this will help you to achieve what you need!
Thanks.

Hi,

The arrows from slider are some images, cannt be set with css, for the bubles you can use this custom css
https://www.screencast.com/t/A9H8LFG9w
.td-footer-wrapper .td-container .widget
{
height: 180px;
}
.wpls-logo-showcase .slick-dots li button
{
background: #30609b;
}

Or you can use this footer page and set in the empty column a column wit title and set you slide there -> https://www.screencast.com/t/m92HCjT0AY
You can get the page content from here -> https://pastebin.com/vmsiknMV after that set the page in footer from here -> https://www.screencast.com/t/Tbb2nJJWGJR

Thank you!

Hi ShowbizCool,

First of all, thank you for your kind words! If you want to change the color and font family for your blockquote on mobile, you need to use a bit of custom CSS code for that, as you can see here -> https://www.screencast.com/t/KCokMBljpni
I have checked your license and I saw that it was expired for a long time, as you can see here -> https://www.screencast.com/t/t2uK62Jx, sorry! Please note that due to the previous warnings regarding the support period we will no longer to help you with your support request. Please understand our position and extend your support or we will be required to block your access to this forum. It is not fair to the other customers which pay for support, sorry!

Thank you for your understanding!

I agree that it may seem complicated, but it is not so difficult however. For example you can begin with a already made cloud header template, import it and modify it. Or begin with a blank header template and built it as you want – http://prntscr.com/nor4w4
– http://prntscr.com/nor55c

You can build it with the dedicated header builder elements – http://prntscr.com/nor62w
Once you add the elements you want to show on default mode, activate the sticky mode and add the same elements (if you want the same ones to be displayed when sticky)
– http://prntscr.com/nor6t8 – http://prntscr.com/nor6y7

This would be the solution. Other than this maybe it could be done with CSS, but that’s a strong maybe. It would be very difficult if even possible.

Hi,

I see it, it looks like this – http://prntscr.com/noqrhf Only if I close the ad the socials and close icon can be seen.

I could give you a code to push the container down, so they will be visible. Something like this – http://prntscr.com/noqs8m – http://prntscr.com/noqtyu
It will apply for the mobile menu or search modal. Enter it in the phones section of the Advanced CSS section – http://prntscr.com/noquqp

.td-menu-mob-open-menu #td-mobile-nav,
.td-search-opened .td-search-wrap-mob {
margin-top: 94px;
}

Thanks

Hi,

In order to set the shadow for header to 50% please use this custom css
.td-header-gradient:before{
height: 6px;
background-position: center;
}

Thank you!

Hi,

You could try loading your own fonts in the theme panel and disable Google fonts in the theme, from what I can find online that might work. Or maybe load them in the theme header directly (with CSS font-face or import) and then apply them as well with CSS.

Here are some resources I found online, maybe they are helpful
– https://coffeencoding.com/load-google-fonts-5x-faster-in-wordpress/
– https://stackoverflow.com/questions/54277912/ensure-text-remains-visible-during-webfont-load-not-getting-resolved-in-google-p
– https://css-tricks.com/snippets/css/using-font-face/
– https://developers.google.com/web/updates/2016/02/font-display

Thanks

Hi,

Please replace the above custom css with this one
-> https://www.screencast.com/t/l8aAKwdysMGq
.page .td-page-content ul li a{
color: white;
background: #6fa82f;
padding: 2px 5px
}

Thank you!

Hello,

Most of the theme files were moved into the tagdiv composer plugin as per the requirements of envato: https://help.author.envato.com/hc/en-us/articles/360000472383-WordPress-Theme-Requirements.
We wrote an article on the subject here: https://tagdiv.com/updating-the-core-of-tagdiv-themes/
Moving forward with such requirements, a child theme will only work with functions.php, and style.css as there are very few files left in the main theme as envato requires all functionality to be added through plugins.

Sorry for the inconvenience and thank you for understanding.

Hi,

You can try using the code below and place it in Theme panel -> Custom CSS area.

.td-header-gradient:before{
display:none;
}

Thank you!

Hi,

That code may work, starting from the second page the paragraph should be hidden.

By default all the post content will be shown in full. Using some CSS would be the easiest solution in this matter. Let me know if you have more questions.

Thanks