Abstand bei Überschriften und Bildern ändern, Barcelona

28.05.2018 15:06

Sophia
#1

So

Hallo,

erstmal vielen Dank für dieses Forum, ich habe schon die hilfreichsten Dinge hier nachgelesen. Ich erstelle gerade die Website/Online Shop für einen Verlag im Template Barcelona und stehe nun vor zwei kleinen Design-Problemen und fragte mich, ob ihr mir hier helfen könntet:

1. Ich würde gerne auf den Übersichtsseiten die Unterschriften (h3), also Autorennamen näher an das obere Bild ran rutschen. Ist das möglich? Hier der Link zu der Website, Übersichtsseite:

https://strzelecki-books.jimdo.com/kunst/

2. Ich habe für die Produktseite ein kleines Workaround angewandt und die Bider separat in einer Spalte untergebracht, damit die Produktbilder größer dargestellt werden können und auch unabhängig von den Übersichtsseiten sind. Das Problem ist nun, dass die Bilder nicht bündig mit dem Text sind. Die Frage ist nun, ob man also für die Bilder auch die Position bestimmen kann und man sie immer um ein paar Pixel nach unterschieben kann.
Hier der link zu eine Produktseite.

https://strzelecki-books.jimdo.com/kunst...uct-10233443571

Falls es möglich ist mir hier zu helfen würde ich mich sehr freuen.
Viele Grüße
Sophia

Antworten

Beitrag melden

#2

31.05.2018 20:06 (zuletzt bearbeitet: 31.05.2018 20:07)

az_
#2

az_

Hi Sophia,

versuch mal für die Bildunterschriften:

1
2
3
4
5
6
7
 

#page-2040338171 .content-options h3 {
    text-align: center;
    position: relative;
    top: -10px;
}
 
 

Das andere Problem habe ich nicht verstanden...

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#3

04.06.2018 15:18

Sophia
#3

So

Sophia

Hi az,

vielen Dank für die Antwort.

Leider wird das bei mir nicht als Code anerkannt. Also wenn ich es in den Head kopiere, bleibt es grau und es lässt sich nicht speichern.
Was mach ich falsch?

Viele Grüße
Sophia

Antworten

Beitrag melden

#4

06.06.2018 19:16 (zuletzt bearbeitet: 06.06.2018 19:17)

az_
#4

az_

...ouhhh sorry: CSS-Code muss im Jimdo head-Editor mit <style> ... </style> gekapselt werden, z.B.:

1
2
3
4
5
6
7
8
 
<style type="text/css">
    
/*aktuelles Design: Vienna
-------------------------------------------*/
 
    .footer-options {font-family: "Fira Sans",sans-serif,"google";}
 
</style>
 

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html