kk_admin

URLs were ok but instagram plugin was the guilty one, thank you. I used it for a long while, and didn’t think a tiny widget (and not like a whole site translation plugin, or something along these lines) can mess up the whole site this badly when it goes wrong! For reference it was Alpine PhotoTile for Instagram.

Hi Hannah, the code did the job, thank you!

Side note, I had a @media (max-width: 1025px) entry with something completely different BEFORE the code I pasted now, and the new code somehow thought it should work only on smaller devices – but I figured it out changing the order of custom CSS entries. I only mention it in case someone does the same mistake.

Miniatures unfortunately are still cut – I do have “Standard Blog Post Summary Default” set to Landscape. They behave same way in the 3 columns version and 4 columns too.

+ also how can I make the image ratio 16:9 in the blog grid? I had different featured images before that were more in a panorama ratio, and they used to fit just fine, but now I see that the sides are cut.

You’re the best! It did the trick.

Fixed after the update! Thanks a lot!

Somehow it sorted itself at some point, and working bilingually too. thank you!

worked like a dream, thank you!

Hi, thank you both! No I did not change that again…

1) I tip towards the settings under Home slider: Home Page Title Padding Top/Bottom, which is 300/200 respectively, and I can change it for mobile for home, but not for other pages. I do have some additional css, but I can’t find anything for this space:

.page-header {
    padding-top: 140px;
    padding-bottom: 110px;
    padding-left: 0px;
}

@media (max-width: 700px) {
.page-header {
    padding-top: 20px;
    padding-bottom: 80px;
    padding-left: 0px;
}
}

@media (max-width: 500px) {
.page-header {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
}
}

#kad-banner #logo {
   margin-left: 10px;
display:none
}

#kad-blog-grid .blog_item .entry-title {
    min-height: 55px;
}

#kad-blog-grid .blog_item .entry-title {    
text-align: center;
}

#kad-blog-grid .blog_item .entry-content { 
display:none; 
}

.kad-call-button-case {
    align: right;
}

.kad-call-button-case {
    width: 100%;
}

.home_calltoaction .kt-home-call-to-action .kad-call-button-case a.kad-btn-primary.kad-btn.lg-kad-btn {
    font-family: Lora;
    font-size:50px;
    font-weight:600

}

@media (max-width: 767px) {
.home_calltoaction .kt-home-call-to-action .kad-call-button-case a.kad-btn-primary.kad-btn.lg-kad-btn {
    font-family: Lora;
    font-style: italic;
    font-size:20px;
    font-weight:600

 }
}

@media (max-width:500px) {
.home_calltoaction .kt-home-call-to-action .kad-call-button-case a.kad-btn-primary.kad-btn.lg-kad-btn {
    font-family: Lora;
    font-style:  italic;
    font-size:14px;
    font-weight:600
 }
}

@media (max-width: 767px) {
.kt-home-call-to-action {
    padding-top: 95px;
    padding-bottom: 95px;
  }
}

@media (max-width: 500px) {
.kt-home-call-to-action {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

#kad-blog-carousel.blog_item .entry-content { 
display:none; 

#kad-portfolio-grid .blog_item .entry-title {
    min-height: 55px;
}

}
@media (max-width: 767px) {
.kad-page-title.home-page-title {
    font-size: 30px;
}

.trans-header #logo a.brand {
    font-size: 18px;
 }
}

img.aligncenter {
    float: none;
    margin-right: auto;
    margin-left: auto;
}

.aligncenter .alignright:hover {
    opacity: .1 !important;
}

.aligncenter .alignleft:hover {
    opacity: .1 !important;
}

.aligncenter .aligncenter:hover {
    opacity: .1 !important;
}

.post h2 {
	text-align:center;
}

.entry-meta-date {
text-align:center;
}

.cycloneslider-template-standard .cycloneslider-caption-title{
		font-family: Lora; 
font-weight: 300;
text-align: center;

    }
.cycloneslider-template-standard .cycloneslider-caption-description{
		font-family: Lora; 
font-weight: 300;
text-align: center;
}

.subhead {
    text-align: center;
}

@media (max-width: 6000px){
   .kad-topbar-left {width: 0%}
   .kad-topbar-right {width: 100%}
#topbar ul li {
    margin-left: 5px;
}
#topbar {
position: fixed;
width: 100%;
top: 3px;
z-index: 999;
}
.admin-bar #topbar {
top:28px;
}
.headerclass {
margin-top: 0px;
}

.kad-primary-nav ul.sf-menu a {
display: none;
}

img.wp-image-3387:hover {
    opacity: .2;
}

.top-bar-section ul li > a {
  padding: 1px ; 
  padding-left: ; 
}

#footer {
opacity:0.7
}

.portfolio-item .piteminfo h5 {
    color: #cccccc;
}

3) seems I was adding it but no idea what might have been the purpose. I deleted it and it looks ok for some pages not ok for others, but here I think it has to do with the top image proportions.

• This reply was modified 8 years, 11 months ago by kk_admin.