Homepage layout

Hi there,
Make sure you have the latest Olsen Light theme installed, then
you can change the layout from Appearance->Customize->Layout Options under Blog layout section, but you cannot have 3 in a row without malforming your images.

Let me know if you need additional help with this

i tried updating to the newest version and my webist completly got messsed up…..i restored the backup so its not messed up anymore…..how can i update to the newest version without it being messed up? Presently there is no ‘blog layout section’ when i click on ‘layout options’..it just has:

Layout Options
Automatically generated excerpt length (in words)
55
 Display the excerpt instead of the content.
Pagination method

Hi,
Have you updated the theme or WordPress? Please update both and check for Plugin conflicts https://www.cssigniter.com/kb/checking-for-plugin-conflicts/

I deactivated all plugins and the msg at the top disappeared however the site still looks messed up…..any suggestions?

I’ve had to restore an old backup so my site is presentable….I updated WordPress with no issues….its when I update the theme that my site gets completely messed up and looks broken – all formating, colors, are just a mess…..

Hi @bdchika
Do you have a child theme with changes? Can you enable the parent theme instead, or remove any code changes you might have made.

Have you reverted now to the previous version?

Hello, Yes I have a child theme. To deactivate the child theme would I simply active the Olsen Light theme under – appearance – themes and then ‘active’ under olsen light? Then once activated I should update the theme? If i do this, how do I maintain the several changes I’ve made via the child theme? Yes presently when you look at my site I have reverted to the version prior to updates…If i know what time you possibly will be online i can active the updated theme so you can see what it looks like…not sure if that may be a bit more helpful for you to see it when its messed up….

Hi there,
yes, keep the parent theme active and update it. Then copy the files you have in your child theme again from the parent theme and re do the changes .
Finally activate child theme again.

when i active the parent theme and update it it is fine.. with the exception of my header reverts to an old header i had…..however, when i then try to active the child theme the site is completly messed up….in fact now i have an error message and my site does not show up………not sure if i’m missing something when updating the child theme style.css…. the text i have under the child theme style.css reads – is there something not correct in this coding causing my site to become broken when child theme is activated?

/*
    Theme Name: Olsen Child
    Theme URI: https://www.cssigniter.com/ignite/themes/olsen-child
    Author: CSSIgniter
    Author URI: https://www.cssigniter.com
    Description: Child theme for the Olsen WordPress theme
    Version: 1.7.0
    Template: olsen-light
    License: GNU General Public License v2 or later
    License URI: https://www.gnu.org/licenses/gpl-2.0.html
    Text Domain: olsen-child
    Domain Path: /languages
*/

/* Child theme styles begin below this line */
.p { margin: 0 0 10px 0; }

.tagline{
    display:none;
}
.entry-content {color: #XXXXXX;}
.entry-content a {color: #XXXXXX;}
.site-logo a {color: #XXXXXX;}
.tagline {color: #XXXXXX;}

body {font-size: 12px;}
/*========== Begin change link color ==========*/

a:hover, a:focus,
.navigation > li > a:hover,
.navigation > li.sfHover > a,
.navigation > li.sfHover > a:active,
.slick-slider button,
.entry-title a:hover,
.entry-meta a,

.socials .fa:hover { color: #2ee8ad; }
.socials .fa { color: #000000; }

.read-more  { color: #2ee8ad; }
.read-more:hover { border-color: #19e8a6; }

.btn, .comment-reply-link,
input[type="button"],
input[type="submit"],
input[type="reset"],
button { background: #2ee8ad; }

/*========== End change link color ==========*/

body{
font-size:16px;
}
header .nav ul >li > a {
    font-size: 14px;
}
header .site-logo h1 {
    font-size: 32px;
}
header .site-logo p {
    font-size: 20px
}
.entry-utils .socials li:last-child {
    display: none;
}
tagline,
#footer .site-logo{
	display:none;
}

@media(min-width:991px) {
    .widget-title {
        color: #000;
        display: inline-block;
        background: #fff;
        margin: auto;
        position: relative;
        padding: 10px;
    }
    aside {
        position: relative;
        text-align: center;
    }
    aside ul,
    aside p {
        text-align: left;
    }
    aside:before {
    background: #000;
    height: 1px;
    content: '';
    display: block;
    top: 46px;
    margin: auto;
    width: 196px;
    right: 0;
    left: 35px;
    padding: 0 25%;
    position: absolute;
    }
}
.widget_about p{
 text-align:center;   
}

.entry-utils:before{
   background:#fff;
}
#footer {
    border-top: none;
}

.copy-text {text-align: center;}

/* Remove Thumbnail from Posts Rule
=================================== */
.single-post .entry-featured { display: none; }
.widget_ci-latest-posts .entry-featured, .entry-related .entry-featured {display: block;}

and/or could it be coding in my functions.pho folder under the child theme ?

i think i’ve figured it out….are you able to see my style.css and fuctions.php sheets and double check the necessary coding is entered. Thank you

Great! Please mark this as resolved!