Search Results for 'css'

Hi vmertinos,
This question is a bit more complex, if css @media Rule is used for the responsive version, for the mobile theme plugin, our developers have implemented in the plugin a code to detect mobile devices, this code can be inspected on this path wp-content/plugins/td-mobile-plugin/Mobile_Detect.php
I hope this will help you!
Thank you!

Hello,

Please provide more details about what you want to achieve.
Maybe you can only hide them with CSS.

Thank you!

Hello,
I believe that you are referring sticky sidebars.
If is so, the sticky sidebars was made using css and JavaScript and as far as I know there has been not changes to theme until now.
Thank you!

Hello,

You need to use a custom code css -> https://i.imgur.com/UN8uKEs.png
.td-black h2
{
color: black;
}

.td-black input[type="text"] {
color: red;
}

Set the code in Newspaper -> Theme panel -> Custom code -> Custom CSS.

Thank you!

Hello,

No, I don’t speak Portugues.
So, the Dashboard section doesn’t have any style? but the rest of the sections have?
The links can’t be changed. Please let me know if you use a plugin to remove the css and optimize the js.

Thank you!

Hello,

To hide the post view counter, you don’t need a CSS, you can disable it from Theme Panel -> Mobile Theme -> Post Settings -> https://i.imgur.com/1yQm8Sh.png

Thank you!

Hello!

Use the cloud/PRO templates in order to have the possibility to edit them with the TagDiv Composer which contains a lot of functions and features, please check our tutorial here: https://forum.tagdiv.com/tagdiv-composer-tutorial/

Documentation here:
– https://forum.tagdiv.com/cloud-library-templates/
– https://forum.tagdiv.com/design-post-pages-using-cloud-library-templates/
– https://forum.tagdiv.com/cloud-library-category-templates/

Check also our video tutorials here: https://www.youtube.com/c/tagdivThemes/videos
You can import any cloud templates from any demos you like from the Cloud Templates and assign it on your website, or you can build them from scratch by importing a blank template(in order to make it editable with the Composer).

Edit the page with TagDiv Composer. Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB; there you can see your mobile version and edit or adjust the elements to look better. You have the possibility to hide the elements from the mobile viewport. This setting can be seen in the CSS tab of every element: [Display: HIDDEN]. If you hide it on the mobile viewport, then this element will be seen only on the desktop and tablet viewports.

There are another 2 options for mobile version:

Mobile pages: : https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages

Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and design for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.

Note: All the elements are responsive when you install a cloud demo, but not the elements if you add them extra. You have to set them in the mobile viewport.

Thank you!

Hi,
Normally the only settings for button colors are those -> https://i.imgur.com/lDWxIxi.png
Now, maybe the buttons that you have with white background color are set from a plugin and that plugin has some options for it.
IF is need I can provide a css to change the background color, but I will need a link to a button that you have on your website.
Thank you!

Hi,
If you want to set the text in subfooter section, then it can be set in this place -> https://i.imgur.com/5uINoka.png
Then if you do not want to use a menu in subfooter then you can use this custom css
.td-sub-footer-container .td-pb-span4{
width: 100%;
}
This code need to be set in the theme panel > custom code> custom css.
I hope this will help you!

Hello,

Please check this topic https://forum.tagdiv.com/topic/the-package-could-not-be-installed-the-theme-is-missing-the-style-css-styleshee-5/

Thank you!

Hi,
I believe that you can try something like this, set the shortcode in the mobile header ad
section then use a custom css to display that shortcode in the top.

#td-outer-wrap {
margin-top: 100px;
}
.td-a-rec.td-a-rec-id-header_mob{
position: absolute;
top: 30px;
}

Set the code in this place -> https://i.imgur.com/Lptdv4Y.png
I hope this will help you!
Thank you!

Hi,
What I can recommend is a custom css, maybe something like this (the code can be further adjusted) -> https://i.imgur.com/H2fZ0c3.jpg

.td-slide-on-2-columns .td-doubleSlider-1 .td-slide-galery-figure img {
max-width: 1920px!important;
width: 100%!important;
}
.td-slide-on-2-columns .td-doubleSlider-1 .td-slide-galery-figure img{
max-height: 1920px!important;
}
.td-slide-on-2-columns .td-doubleSlider-1, .td-slide-on-2-columns .td-doubleSlider-1 .td-slide-galery-figure{
height: 640px!important;
}

You need to set this code in the theme panel > custom code> custom css.
I hope this will help you!

Hello Bruno,

Yes, you can hide elements on each version, desktop/tablet/mobile, you can hide them from the tab called “CSS” -> https://i.imgur.com/F7qxitF.jpg -> https://i.imgur.com/jTvZ1ad.png

Thank you!