[QUOTE=Edi;705714]Wo was wie im CSS definiert ist, kannst Du mit den Entwicklerwerkzeugen herausfinden:
[URL]https://cms-basics.ch/entwicklerwerkzeuge/[/URL][/QUOTE]
Danke für den Tipp :) habe ich gemacht und herausgefunden, es steht in der class enigma_blog_wrapper. Also weitergesucht ... gefunden in der page.php
Problem ist das ich daraus nicht erkennen kann wo ich den Bereich definieren oder anpassen kann ... Bin zwar IT-ler habe sonst nichts mit programmieren am Hut gehabt.
Könnte mir aber vorstellen, dass es hier irgendwo steht:
/***************** BLog Section *************************************************************************
***************************************************************************************************/
/** wrapper for front page **/
.enigma_blog_area{
padding-top: 90px;
padding-bottom: 90px;
}
.enigma_blog_wrapper{
margin-bottom: 90px;
}
.enigma_blog_thumb_wrapper{
margin-bottom:40px;
border-radius: 4px;
margin-top:10px;
padding:10px;
}
.enigma_blog_thumb_wrapper img {
width:100%;
}
.enigma_blog_thumb_wrapper h2 {
font-size: 22px;
margin-bottom: 8px;
padding-right: 0px;
line-height:1.4;
margin-top:0px;
}
.enigma_blog_thumb_wrapper h2 a:hover {
color: #34495e !important;
}
.enigma_fuul_blog_detail_padding h2 a:hover {
color: #34495e !important;
}
.enigma_blog_thumb_wrapper{
position:relative;
overflow:hidden;
}
.enigma_blog_thumb_date{
list-style: none;
text-align:left;
padding-left:0;
color:#9b9b9b;
font-size:14px;
margin-bottom: 0px;
}
.enigma_blog_thumb_date li{
display:inline-block;
color:#555;
margin-right:15px;
margin-bottom: 5px;
}
.enigma_blog_thumb_date li i{
margin-right:8px;
font-size:22px;
}
.enigma_blog_thumb_date li a{
color:#555;
}
.enigma_blog_thumb_wrapper p{
font-size:16px;
padding-right:8px;
margin-bottom: 20px;
line-height:27px;
}
.enigma_blog_thumb_wrapper span a i{
margin-right:6px;
font-size:20px;
vertical-align: middle;
}
.enigma_tags{
margin-bottom:8px;
}
.enigma_tags a{
padding: 3px 7px;
margin: 4px 4px 4px 0;
margin-bottom:10px;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
transition: all ease 0.8s;
color: #515151;
text-decoration: none;
font-size: 0.9em;
white-space: nowrap;
display: inline-block;
}
.enigma_tags a i{
margin-right:5px;
transition: all 0.4s ease 0s;
}
.enigma_blog_read_btn{
font-size: 16px;
color:#fff;
display:inline-block;
transition: all 0.4s ease 0s;
padding:5px 5px 5px 5px;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
transition: all ease 0.8s;
margin-bottom:20px;
}
.enigma_blog_thumb_wrapper_showcase {
position: relative;
padding: 0px;
width: 100%;
overflow: hidden;
margin-bottom: 15px;
}
.enigma_blog_thumb_wrapper_showcase_overlay {
visibility: hidden;
position: absolute;
width: 100%;
height: 100%;
top: -80%;
left: 0;
background:rgba(0,0,0,0.5);
-webkit-transition: all .25s linear;
-moz-transition: all .25s linear;
-o-transition: all .25s linear;
transition: all .25s linear;
}
.enigma_blog_thumb_wrapper_showcase img{
-webkit-transition: all .45s ease-in;
-moz-transition: all .45s ease-in;
-o-transition: all .45s ease-in;
transition: all .45s ease-in;
}
.enigma_blog_thumb_wrapper_showcase_overlay_inner {
position: absolute;
bottom:-110%;
left: 0;
width: 100%;
overflow: hidden;
visibility: hidden;
-webkit-transition: all .25s ease-in;
-moz-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in;
}
.enigma_blog_thumb_wrapper_showcase .enigma_blog_thumb_wrapper_showcase_icons {
margin-top: 10px;
text-align: center;
width: 100%;
}
.enigma_blog_thumb_wrapper_showcase .enigma_blog_thumb_wrapper_showcase_icons a {
font-size: 1.3em;
line-height: 1em;
display: inline-block;
margin-left: 2px;
padding: 8px 8px;
opacity: 1;
text-decoration: none;
margin-right:5px;
border-radius:100%;
width:60px;
height:60px;
}
.enigma_blog_thumb_wrapper_showcase:hover .enigma_blog_thumb_wrapper_showcase_overlay {
visibility: visible;
top: 0;
}
.enigma_blog_thumb_wrapper_showcase:hover img{
-webkit-transform: scale(1.9) rotate(15deg);
-moz-transform: scale(1.9) rotate(15deg);
-ms-transform: scale(1.9) rotate(15deg);}
.enigma_blog_thumb_wrapper_showcase:hover .enigma_blog_thumb_wrapper_showcase_overlay_inner {
visibility: visible;
bottom:40%;
left: 0;
}
.enigma_blog_thumb_wrapper_showcase .enigma_blog_thumb_wrapper_showcase_icons a i{
font-size: 1.6em;
line-height:40px;
}
/********* Blog Full width css ********/
.enigma_blog_full{
margin-bottom: 20px;
margin-top: 10px;
overflow:auto;
padding: 0px;
float: none;
}
.enigma_blog_full .enigma_blog_thumb_wrapper_showcase {
margin-bottom:20px;
}
/* .enigma_blog_full img{
width:100%
}
*/
.blog-date-left{
list-style: none;
float:left;
padding: 0px;
transition: all 0.4s ease 0s;
}
.blog-date-left li{
width:100px;
height:100px;
text-align:center;
transition: all 0.4s ease 0s;
}
.blog-date-right{
list-style: none;
float:right;
padding: 0px;
transition: all 0.4s ease 0s;
}
.blog-date-right li{
width:100px;
height:100px;
text-align:center;
transition: all 0.4s ease 0s;
}
.enigma_post_date {
padding-top: 10px;
padding-left:10px;
padding-right:10px;
padding-bottom: 10px;
transition: all 0.4s ease 0s;
}
.enigma_post_date span.date {
font-size: 68px;
line-height: 55px;
}
.enigma_post_date h6 {
font-size: 14px;
font-weight: bold;
line-height: 20px;
margin-top: 10px;
text-align: center;
color:#fff;
}
.enigma_post_author img {
height: 100px !important;
max-width: 100%;
}
.enigma_post_author {
width: 100px;
text-align: center;
margin-top: 0px;
}
.enigma_blog_comment{
border-radius: 0px;
display: block;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
width: 100px;
padding-top: 10px;
padding-left:10px;
padding-right:10px;
padding-bottom: 10px;
text-align: center;
margin-top: 0px;
color:#999999;
background:#f6f6f6;
}
.enigma_blog_comment a{
color:#999999;
}
.enigma_blog_comment i{
font-size: 68px;
line-height: 55px;
transition: all 0.4s ease 0s;
}
.enigma_blog_comment h6{
font-size:16px;
color:#999999;
transition: all 0.4s ease 0s;
}
.post-content-wrap {
float: left;
width:86%;
}/*
.post-content-wrap img{
width:100%;
}*/
.post-content-wrap-right {
float: right;
width:86%;
}
.post-content-wrap-right img{
width:100%;
}
.enigma_blog_post_content{
float: left;
margin-bottom: 10px;
width: 100%;
}
.enigma_blog_post_content p {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 27px;
margin: 0 0 20px;
}
.enigma_blog_post_content p {
color: #777777;
}
.enigma_blog_post_content img {max-width:100%;}
.enigma_fuul_blog_detail_padding{
padding-left: 20px;
float: left;
width: 100%;
}
.enigma_fuul_blog_detail_padding h2 {
margin-top:0px;
}
.enigma_fuul_blog_detail_padding h2 a{
font-size: 28px;
margin-bottom: 8px;
padding-right: 0px;
line-height: 35px;
margin-top: 0px;
transition: all 0.4s ease 0s;
}
.enigma_fuul_blog_detail_padding p {
font-size: 16px;
line-height: 27px;
margin: 0 0 20px;
}
.blog-sep.header-sep {
margin-top: 40px;
margin-bottom: 50px;
}
.header-sep {
border: 0;
height: 4px;
color: #f5f5f5;
background-color: #f5f5f5;
}
/***** Blog page with sidebar *****************************************************************
***************************************************************************************/
.enigma_recent_widget_post {
margin: 0 0 5px !important;
padding-bottom: 16px;
border-bottom: 0px solid #6B6B6B;
vertical-align:middle;
}
.enigma_recent_widget_post:last-child{
margin: 0 0 0px !important;
}
.enigma_recent_widget_post h3 , .enigma_footer_widget_column ul li {
font-weight: 600;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 2px;
margin-top: -2px;
}
.enigma_recent_widget_post h3 a {
transition: all 0.2s ease 0s;
}
.enigma_recent_widget_post h3 a:hover {
color: #ffffff;
}
.enigma_recent_widget_post_move{
float: left;
}
.enigma_recent_widget_post_img {
margin-right: 10px !important;
width: 64px;
height: 64px;
transition: opacity 0.3s ease-out 0s;
display: block;
}
.enigma_recent_widget_post_date {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
line-height: 20px;
color: #ffffff;
}
.enigma_sidebar_widget {
margin-bottom: 30px;
margin-top: 10px;
overflow: hidden;
box-shadow: 0 0 6px rgba(0,0,0,.7);
padding: 0px 20px 15px 20px;
}
.enigma_sidebar_widget_title{
margin-bottom:20px;
margin-left: -20px;
margin-right: -20px;
text-align:center;
padding-top:10px;
padding-bottom:10px;
}
.enigma_sidebar_widget .enigma_recent_widget_post_date{
color: #6a6a6a;
}
.enigma_sidebar_widget .enigma_recent_widget_post h3 a:hover {
color: #6a6a6a;
}
.enigma_sidebar_widget .enigma_recent_widget_post h3 {
font-weight: 600;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
line-height: 20px;
margin-bottom: 2px;
margin-top: -2px;
}
.enigma_sidebar_widget h3 {
display: inline-block;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 22px;
margin-bottom: 5px;
margin-top: 0px;
}
.enigma_sidebar_widget_title h2{
margin:0px;
clear: both;
font: normal normal 18px Oswald;
/* text-transform: uppercase; */
text-align: center;
font-weight: normal;
font-size: 22px;
color: #fff;
}
.enigma_sidebar_blog_shadow {
background: url('./images/shadow.png') no-repeat top center;
position: absolute;
left: 0;
right: 0;
height: 80px;
z-index: 99;
width: 100%;
background-size: 100% 100%;
height: 25px;
bottom: 26px;
}
/* blog pagination */
.enigma_blog_pagination {
margin-bottom: 20px;
overflow: auto;
padding: 0 0 0px;
float: none;
}
.enigma_blog_pagi {
margin: 0px 0 0px;
overflow: hidden;
padding: 4px 0;
}
.enigma_blog_pagi a {
border: 0 none;
cursor: pointer;
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 20px;
margin: 0 0px 10px 4;
padding: 9px 16px;
transition: all 0.3s ease 0s;
vertical-align: baseline;
white-space: nowrap;
}
schon und nochmal vielen Dank für die Hilfe :))