Search Results for 'css'

Hi,

I see you used a footer page built with WPBakery. There is some CSS coming from it that makes it look like that. A quick fix would be to use this code – https://prnt.sc/o0bfb6

.td-footer-page .td-pb-span6 .wpb_text_column {
margin-bottom: 0;
}
.td-footer-page .wpb_text_column p {
line-height: 41px;
}

Or maybe try and design the same page with the composer.

Thanks

Hello !

Please try this custom css for mobile arrows
.td-mobile-content .td-icon-menu-right {
display: block;
}

-> https://www.screencast.com/t/mZ00jNoM0

Thank you !

Hi,

For the moment all I can do is to provide you this custom css
https://www.screencast.com/t/sPyOmeZLlzvK
.td_video_playlist_column_3 .td_wrapper_player{ width: 76%; height: 100%; } .td_video_playlist_column_3 .td_container_video_playlist{ width: 24%; height: 100%; }
You need to set the code in Theme panel>Custom code>Advance css> Desktop

Thank you for your understanding!

Hi,

If seems to be a mini bug in our theme regarding on right arrows. Please use the code below and place it in Theme panel -> Custom CSS area.

The code is below ->

.td-mobile-content .td-icon-menu-right {
display: block;
}

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

Thank you!

Hi,

Please set for mobile theme the logo that you have set in footer and set this custom css in Theme panel>Mobile theme> Custom code> Css
.td-search-icon {
top: 10px;
}
.td-main-menu-logo .td-amp-site-logo {
max-height: 70px;
}
.td-header-wrap {
height: 80px;
}
Then the amp will look like this -> https://www.screencast.com/t/Ecbim615Q

Thank you!

Hi,

I believe it is happening because of WPBakery. Some CSS it loads overrides the CSS from the theme, it affect mainly the columns. From what I can see only the post pages and category pages are affected. In pages it looks fine. I could give you a quick fix that you could try, if deactivating WPBakery is not an option

.td-footer-page .vc_column_container.td-pb-span4 {
width: 33.33333333%;
}
.td-footer-page .vc_column_container.td-pb-span6 {
width: 50%;
}
.td-footer-page .vc_row {
margin-left: -24px;
margin-right: -24px;
}

It will make the footer look as it should – http://prntscr.com/o0a0cz

Thanks

Hi,

You can use this custom css for this
.single_template_6 .td-full-screen-header-image-wrap .td-backstretch{
transition: none;
}
Set the code in theme panel>Custom code> Custom css
-> https://www.screencast.com/t/2NGdt4Rq9

Thank you!

Hi,

You can set the row like this and set the element in it -> https://www.screencast.com/t/wQBlQOH43k
-> https://www.screencast.com/t/LkhFuaRwHh5t also some elements have some extra option in general tag -> https://www.screencast.com/t/aTlEXNDE for those that do not have you can get this option from css tab -> https://www.screencast.com/t/1MSuoGWH4
Take the Tour to Explore the New Header Manager -> https://tagdiv.com/newspaper-theme-customize-the-header-manager/
Basics: Using the tagDiv Composer Front-End Page Builder -> https://tagdiv.com/tagdiv-composer-page-builder-basics/

Thank you!

Hi,

Instead of using that custom css you can try this solution -> https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
Also if you still want to use that code you need to be more specific, to set the code only on content, not on full site.
Create custom code with the browser’s Inspector or the Live CSS Box -> https://tagdiv.com/how-to-create-custom-code-in-newspaper-theme/

Thank you!

Hi,

I think that you can achieve that by enable the post view count on pages and set a custom css to hide them for visitors.
.single .td-post-views{
display: none;
}

Thank you!

Hi,

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

.td-post-content hr{
display:none;
}

Thank you!

Hi,

If you want to remove that green border from here -> https://www.screencast.com/t/EKb5xVBpz you will need to use the code below and place it in Theme panel -> Custom CSS area.

.white-menu .td-header-main-menu:before{
display:none;
}

If is not what you mean, please provide more details so I will be able to provide a more accurate response.

Thank you!

Hi,

Using css is not the beast idea, because if the css is not set proper for all post is possible that some of theme not be display properly.
If you still want to try the css please provide me a link to a post were I can check the elements to provide you an working css for that post.

Thank you!

Hi,

Please try this custom css
.body-td-affix .td-pb-span4 .td-ss-main-sidebar{
padding: 0 24px ;
width: 372px!important;
margin-left: -24px;
}
Set the code in Theme panel>Custom code> Custom css

Thank you!

Hi,

Unfortunately you can not delete these files only for a device, also if you are using the mobile theme the desktop css will not be load, so will not be need to remove those files.

Thank you for your understanding!

Hi,

Yes you can, if you are using a footer page, you need to set a extra class on that column text/text ( element for text ) and set on that class a custom css.
-> https://www.screencast.com/t/2f5e9UxNOm10
.yourClassName{
display: none;
}
.home .yourClassName{
display: block;
}
If you are using widgets you need to set the css on the element that you set in footer.
-> https://tagdiv.com/how-to-create-custom-code-in-newspaper-theme/
If you nee help with this, let me know!

Thank you!