Blog images wider

Hey Charlotte,

Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( to be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

Best regards,
Nikko

Hi Charlotte,

Thanks for giving us admin access, here’s the initial CSS code that we can use however, we’ll need to have some modifications in your child theme first before adding this CSS code:

#top.blog .container.template-blog {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

#top.blog .fullsize .template-blog .post .entry-content-wrapper, 
#top.blog .fullsize .template-blog .post .entry-content-wrapper > * {
    max-width: 100%;
}

In your child theme, please create a folder and name it includes and copy loop-index.php from (enfold > includes) to the child theme’s includes folder.
Let us know once you’ve done this initial step.

Best regards,
Nikko

Hi charlotteraboff,

Thanks for giving us ftp access.
I have added loop-index.php in the includes folder and inserted this code: https://pastebin.com/tyUvvBNa
Then added this CSS code in your Quick CSS:

#top .fullsize .template-blog .post .entry-content-wrapper {
    max-width: 100%;
}

#top .fullsize .template-blog .post .entry-content-wrapper > * {
    width: 90%;
    max-width: 1310px;
}

#top .fullsize .template-blog .post .entry-content-wrapper > .big-preview {
    width: 100%;
    max-width: 100%;
}

.new-header .post-date {
    font-size: 20px;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0;
    position: relative;
    text-align: center;
    width: 780px;
}

.new-header .post-date:before,
.new-header .post-date:after {
    border-top: 1px solid #666;
    content: "";
    height: 1px;
    position: absolute;
    top: 34px;
    left: 0;
    width: 280px;
}

.new-header .post-date:after {
    left: auto;
    right: 0;
}

Please flush out your browser cache to view the changes properly or ctrl + f5.
Let us know if you need further assistance.

Best regards,
Nikko

Hi Charlotte,

We’re glad that we could help :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko