Left side text – Left side text – Left side text – Left side text – Left side text – Left side text – Left side text – Left side text – Right side Text – Right side Text – Right side Text – Bottom side Text – Bottom side Text – Bottom side Text –
Image in Textblock (with custom-class: textorientation ) with Caption:
<span class="left-side">Left side text - Left side text - Left side text - Left side text - Left side text - Left side text - Left side text - Left side text - </span>
<span class="right-side"> Right side Text - Right side Text - Right side Text -</span>
<span class="bottom-side"> Bottom side Text - Bottom side Text - Bottom side Text - </span>Image ALB Element (with custom-class: textorientation ) with Caption
<span class="left-side">Left side text - Left side text - Left side text - Left side text - Left side text - Left side text - Left side text - Left side text - Left side text - Left side text - Left side text - Left side text - Left side text - </span>
<span class="right-side"> Right side Text - Right side Text - Right side Text -</span>
<span class="bottom-side"> Bottom side Text - Bottom side Text - Bottom side Text - </span>#top .textorientation .wp-caption {
padding:5px 30px;
border :none
}
.textorientation .wp-caption-text .left-side {
writing-mode:sideways-rl;
position:absolute;
left:-20px;
width:50px;
height:90%;
top:10px;
text-align:left;
font-size:14px
}
.textorientation .wp-caption-text .right-side {
writing-mode:sideways-lr;
position:absolute;
right:-18px;
left:auto;
width:50px;
height:90%;
bottom:50px;
text-align:left;
font-size:14px
}.textorientation .wp-caption-text .bottom-side {
font-size:14px
}
.textorientation .av-image-caption-overlay-center .left-side {
writing-mode:sideways-rl;
position:absolute;
left:-60px;
width:50px;
height:calc(100% - 50px);
top:10px;
text-align:left;
font-size:18px
}
.textorientation .av-image-caption-overlay-center .right-side {
writing-mode:sideways-lr;
position:absolute;
right:-60px;
left:auto;
width:50px;
height:100%;
bottom:0;
text-align:left;
font-size:18px
}
.textorientation .av-image-caption-overlay-center .bottom-side {
font-size:18px;
position:absolute;
bottom:-18px;
left:0;
width:100%;
height:100%;
top:100%;
text-align:left;
font-size:18px
}Webers Webdesign
Webers Webdesign
Ludwig-Schopp-Straße 27
53117 Bonn
Mit dem Laden der Karte akzeptieren Sie die Datenschutzerklärung von Google.
Mehr erfahren