This forum is for assistance with theme development.

Media queries are not working.

Hello,

We have a website in Drupal 7.

All things are working fine but we have an issue with media queries for making website responsive.

Other all CSS working fine from same file but media queries not working.

@media only screen and (max-width: 414px) {
 
}

------------------------

@media screen and (max-width: 414px) {

}

We have tried both media queries pattern but CSS is not working under these media queries.

Please help to solve this issue.

How to use remote css?

Can someone provide a clear example of how to access styles from themename.libraries.yml? I want my theme to include:

"https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css".

I understand something like this should work:

css:
base:
https://cdn.jsdelivr.net/npm/bulma@0.8.2/css/bulma.min.css:
type: external
minified: true

But don't know the exact format.

Create a custom .twig template for "pending admin approval" and "welcome" mail after the registration

Hello everybody,

i use Drupal 9 with Mailsystem Module & SMTP Module

i want to customize the Mail-Templates after the registration, but i don't find nothing about the file-name-suggestion and fields to set in the template, how can i customize this email-templates with my custom html/css code?

Thanks in advance!

Theming of unpublished content

I am using an adaptivetheme which renders unpublished nodes using an unpublished class. I am a novice at Drupal theming, and am trying to reuse the theming approach in a subtheme (at-doubleq), which colorizes the entire node rendering, and centers the word 'unpublished' at the top of the content. I can use developer tools to confirm that I am in the right place, as the relevant html has:

How do I darken the background when I click the button ?

I have a button on my site, when I click on it, the background should be darkened.

https://ibb.co/NWCpxpj

It works on all pages of the site :

https://dev.s1biose.com/fr/produit

But it doesn't work on the homepage :

https://dev.s1biose.com/fr

How to make it work on all pages ? Here are my files :

style.css :

Use Styles/Scripts/Templates from two "sibling" themes

I am working on a site redesign project. For some timeframe, we need to use two different themes, the current one and the redesign. I am using the theme switcher module to show both themes on production at the same time for their respective pages.

Pages

Subscribe with RSS Subscribe to RSS - Theme development