FROM CACHE - de_header
Diese Community hat auf Peer-to-Peer-Support umgestellt. Der Shopify Support wird diese Community nicht mehr betreuen. Wir empfehlen dir, dich mit anderen Händler:innen und Partner:innen in Verbindung zu setzen, um Unterstützung zu erhalten und Erfahrungen auszutauschen. Bitte melde weiterhin alles, was gegen unseren Verhaltenskodex verstößt, oder Inhalte, die deiner Meinung nach entfernt werden sollten.

How to add a frame to every question on the Q&A on Focal Theme

Gelöst

How to add a frame to every question on the Q&A on Focal Theme

MS-Ecom2024
Entdecker
33 1 9

Hey guys, I want to add a frame to every question on the Q&A. I would be happy if someone could solve this problem for me. 

Thats the state right now:

Bildschirmfoto 2024-01-07 um 13.57.24.png

 

The reference:

MSEcom2024_0-1704632309330.png

 

1 AKZEPTIERTE LÖSUNG
Finer
Shopify Partner
2608 551 904

Erfolg.

@MS-Ecom2024 so my first reply was 50% right or 50% wrong? 😂

for mobile, you'll have to use the following code:

 

 

 

@media screen and (max-width: 740px){
.faq__item {
    border: 1px solid #000!important;
    margin-bottom: 5px;
}
}

 

 

 

- Did my answer help? Mark my post with a like
- Did I solve your problem? Mark my post as an accepted solution.
- You need professional help? Contact our Shopify Partner Agency

Lösung in ursprünglichem Beitrag anzeigen

4 ANTWORTEN 4

Finer
Shopify Partner
2608 551 904

@MS-Ecom2024 you can the following code to the theme's or section custom css:

.collapsible-toggle{
border:1px solid #000000;
margin-bottom:5px;
}

 The margin value is for the spacing between the questions.

- Did my answer help? Mark my post with a like
- Did I solve your problem? Mark my post as an accepted solution.
- You need professional help? Contact our Shopify Partner Agency
MS-Ecom2024
Entdecker
33 1 9

Unfortunately it just works on desktop view. On mobile view it hasn't the right position. 

Thanks

Finer
Shopify Partner
2608 551 904

Erfolg.

@MS-Ecom2024 so my first reply was 50% right or 50% wrong? 😂

for mobile, you'll have to use the following code:

 

 

 

@media screen and (max-width: 740px){
.faq__item {
    border: 1px solid #000!important;
    margin-bottom: 5px;
}
}

 

 

 

- Did my answer help? Mark my post with a like
- Did I solve your problem? Mark my post as an accepted solution.
- You need professional help? Contact our Shopify Partner Agency
MS-Ecom2024
Entdecker
33 1 9

Danke dir, ich habe aus Versehen im deutschen Forum gepostet. Sollte passen der Code! 😉