End of Support for Joomla 3 - Forum closed

[SOLVED] JP Design Header Background image wechseln

  • Kathi
  • Kathi's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 16
  • Thank you received: 2

JP Design Header Background image wechseln was created by Kathi

Posted 4 years 7 months ago #26369
Hi,
wenn ich das Bild wechseln möchte im Header..
Bild A bei PC Ansicht und Bild B wenn ich Mobil/Tablett zugreife.
Ich mit der custom.css schaffe ich es mit meinen bescheidenden html Wissen nicht.
Das Problem ist, entweder habe ich nur das Bild A oder nur Bild B
der wechsel klappt irgend wie nicht.
Kann da jemand eventl. helfen?

Liebe Grüße
by Kathi

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic JP Design Header Background image wechseln

Posted 4 years 7 months ago #26372
Das geht mit einer css/custom.css

@media only screen and (max-width: 768px) {
.header::before {
background: rgba(0, 0, 0, 0) url("http://ihre-domain/images/ihr-bild.jpg !important") no-repeat fixed 50% 0 / cover ;
}
}

Last Edit:4 years 7 months ago by joomlaplates
Last edit: 4 years 7 months ago by joomlaplates.

Please Log in or Create an account to join the conversation.

  • Kathi
  • Kathi's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 16
  • Thank you received: 2

Replied by Kathi on topic JP Design Header Background image wechseln

Posted 4 years 7 months ago #26378
Warum wurde mein Beitrag gelöscht?
Habe ich gegen irgend welche Forenregeln verstoßen?
by Kathi

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic JP Design Header Background image wechseln

Posted 4 years 7 months ago #26380
Wegen Doppelpost.
Eine Frage genügt in der regel.
Oder welchen Beitrag meinen sie?

Please Log in or Create an account to join the conversation.

  • Kathi
  • Kathi's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 16
  • Thank you received: 2

Replied by Kathi on topic JP Design Header Background image wechseln

Posted 4 years 7 months ago #26385
Ich hatte keinen Doppelpost gemacht, lediglich geschrieben, das es nicht funktioniert.
Dazu hatte ich den Link zur Seite beauty-elements.de zum testen eingestellt

Das Original von Ihnen funktioniert nicht und das was ich habe auch nicht

/*Hintergrund wechsel bei mobiler Ansicht*/
@media only screen and (max-width: 480px) {
.header::before {
background: rgba(255, 255, 255, 0) url(" beauty-elements.de/images/logos/facenaturebemobil.jpg!important ") no-repeat fixed 50% 0 / cover ;
}
}
Mehr war es eigentlich nicht..
by Kathi

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic JP Design Header Background image wechseln

Posted 4 years 7 months ago #26387
Hallo, probieren sie mal folgenden Code

@media only screen and (max-width: 480px) {
.header::before {
background: rgba(0, 0, 0, 0) url("images/beautybg/sw-facenaturebe.jpg") no-repeat fixed 50% 0 / cover !important;
}
}

Last Edit:4 years 7 months ago by joomlaplates
Last edit: 4 years 7 months ago by joomlaplates.
The following user(s) said Thank You: Kathi

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2024 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License