Search Results for 'css'

Hi,

Unfortunately for the moment there is no option to have different menus in our theme, what you can do is to hide with css the logo ( “hero ” from menu ) from pages and posts, and show it only in home page .
Or you can add in file theme another image and hide in on home page and show the logo, and hide the logo in show the image set in file theme for thre rest of the website.
If you want to do one of this jut let me know, and I will quid you.

Thank you for your understanding.

1. Forgot to mention it, if you use the mobile theme CSS code has to be entered in the mobile section
– https://www.screencast.com/t/JSSPRX3Nxzu
That it should work.

2. The mobile theme will not use the same font settings from desktop. It will load predefined fonts, this is for performance. The mobile doesn’t have font settings or many settings overall, loading additional fonts will affect the loading speed.

3. Do you maybe have a white color set here? – https://www.screencast.com/t/Vfqud5V6IbY
That would make the underline invisible against a white background color. Please check this.

Hi,

Way not use this demo, and you’ll get the menu.
If you want to change just the menu please add this custom css in the Newspaper>Theme panel>Custom code>Custom css
.sf-menu > .current-menu-item > a:after,
.sf-menu > .current-menu-ancestor > a:after,
.sf-menu > .current-category-ancestor > a:after,
.sf-menu > li:hover > a:after,
.sf-menu > .sfHover > a:after
{
width: 30px;
background-color: #6aea4d;
}
.td-header-gradient:before {
background: transparent;
}
.td-header-style-9 .td-header-main-menu {
border-bottom: 1px solid #eaeaea;
}

Results: https://www.screencast.com/t/YYA3Mz7yf4
Hope this will help you.

Thanks.

Hi,

Unfortunately our theme don’t have such option, but you can hide them with custom css, for example hide all meta from all pages from block 1
https://www.screencast.com/t/ftJz4kaMb2
https://www.screencast.com/t/O10pqaEZTch
.td_block_1 .td-module-meta-info{
display: none;
}
Also you can read about Create custom code with the browser’s Inspector or the Live CSS Box -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Hope this will help you.

Thank you for your understanding.

Hi,

That content is not responsive from what I can see. The container has a fixed width at all times. I could give you a code that you can enter in the phones section in the Theme panel-> Advanced CSS

.bosu {
width: 100%;
}

Result – https://www.screencast.com/t/90mrxsHhrT3r

Thanks

Hi,

The cover on the mobile screen come from the background image, you have set a link on it, you can use the below css in Newspaper>Theme panel>Custom code>Advanced css section phones like this
body.td-ad-background-link {
cursor: default;
}
https://www.screencast.com/t/qTaNYr4E8n

https://www.screencast.com/t/euRK5U7c5Hev
Here is the custom css you need to change
.td-subcat-filter .td-subcat-dropdown ul {
background-color: rgba(255, 255, 255, 0.95);
}
https://www.screencast.com/t/pA4W5NnGsJ
If you want to aplay the css on all devices past the above css in
Newspaper>Theme panel>Custom code>Custom css
Hope this will help you.

Thanks..

Hi,

I think you want to change from this: https://www.screencast.com/t/FdWuuL5jSa in this: https://www.screencast.com/t/pHnC0CTZms83
If is so you need to add this custom css in Newspaper>Theme panel>Custom code>Custom css
.comment .comment-content, .comment .comment-meta, .comment .comment-respond {
margin-left: 0px;
}
Hope this will help you.

Thanks

Hi,

Here is a custom css that you can use to change the color for all post ( only post, no category or pages ) that have h1.
https://www.screencast.com/t/vWGC8AMpn9
.single .td-pb-row h1{
color: green!important;
}
You can change the color green if you want , you can pick a color from here: https://www.w3schools.com/cssref/css_colors.asp

Thanks.

Hi,

Something is very wrong there. The HTML and CSS is broken. From what I can see it only happens in the homepage, could be something specific to it.
If you made any modifications to it prior to this happening, you could try and return to a previous revision for the page.

If that is not the case then this is caused by something else. Did you maybe recently enter a code in the theme panel (ad code, script etc)? temporarily remove all the code in the custom code sections and check again.

Or maybe code entered in the theme files directly, like in the header file, header templates or page template files.

Also check if the same happen if you deactivate all plugins except theme plugins.

Thanks

Hi,

Sorry was may mistake, that was a custom made shortcode, from a test version.
Please use list menu https://www.screencast.com/t/3jbilhcs ( it’s work better if you do not set sub menu in menu ), make some setts in general list https://www.screencast.com/t/IXEs7UZ8 and if you like the bottom border on hover just add this custom css in Newspaper>Theme panel>Custom code>Custom css
https://www.screencast.com/t/0dkxhQrPWA3
.menu-td-demo-footer-menu-container ul li:hover{
border-bottom: 2px solid #4db2ec;
}
.menu-td-demo-footer-menu-container ul li{
padding: 0 5px;
border-bottom: 2px solid transparent;
}

Sorry for the inconvenience.

Thank you for your understanding.

Hi,

Sorry was may mistake, that was a custom made shortcode, from a test version.
Please use list menu https://www.screencast.com/t/3jbilhcs ( it’s work better if you do not set sub menu in menu ), make some setts in general list https://www.screencast.com/t/IXEs7UZ8 and if you like the bottom border on hover just add this custom css in Newspaper>Theme panel>Custom code>Custom css
https://www.screencast.com/t/0dkxhQrPWA3
.menu-td-demo-footer-menu-container ul li:hover{
border-bottom: 2px solid #4db2ec;
}
.menu-td-demo-footer-menu-container ul li{
padding: 0 5px;
border-bottom: 2px solid transparent;
}

Sorry for the inconvenience.

Thank you for your understanding.