Full size image overriden by theme

  • Resolved dandorro94

    (@dandorro94)


    9 years ago

    HI… this is my first site that i’m working on, and i know next to nothing about css

    I like your plugin and wish to use it but i need the theme’s navigation header to display… I think the theme default column width is overriding the width of the image in splash.

    I think this is the what’s going on the page in question –

    *, *::before, *::after {
    box-sizing: border-box;
    }
    *, *::before, *::after {
    box-sizing: border-box;
    }
    .snowball-block-splash-bg {
    background-color: #fff;
    background-image: url(“https://simplywell.me/wp-content/uploads/2016/02/fruitandveg.jpg”);
    background-position: center center;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
    }
    *, *::before, *::after {
    box-sizing: border-box;
    }
    *::-moz-placeholder {
    color: #9e9e9e;
    }
    *::-moz-selection {
    background: #ecf8fe none repeat scroll 0 0;
    color: #12719d;
    text-shadow: none;
    }
    .snowball-block-splash {
    color: #ffffff;
    }
    body {
    color: #757575;
    font-family: “Open Sans”,sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
    }
    html {
    font-family: sans-serif;

    would like to make it full width.. the theme is tesseract

    thanks

    https://www.ads-software.com/plugins/snowball/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author thomaspark

    (@thomaspark)

    Hi, thanks for reporting this issue. We’ll push a fix for this in the next update.

    Can you confirm that this is how the splash block appears on your site?
    https://i.imgur.com/pWilshV.jpg

    Compared to this expected behavior?
    https://i.imgur.com/s9vQMM9.jpg

    ========

    If you’d like the splash block to go full window width like this:
    https://i.imgur.com/roKbNUU.jpg

    …then we’ll need to work around a limitation of the Tesseract theme, which sets the max width of posts to 980px. Within your Snowball article, click the gear icon in the top left, and paste the following code into the “Custom head code” field:

    <style>
.site-content {
  width: 100%;
  max-width: none;
}
</style>

    This won’t work until the next update, but we’ll push it quickly once you’ve confirmed this issue. Thanks again!

    Thread Starter dandorro94

    (@dandorro94)

    Hi Thomas actually the second image is how they appear when I do not use the snowball theme.

    I would like it to appear as in the third image. Thanks for the workaround I will just use the snowball override for the time being until the update.

    Other than this the snowball works really well.

    A quick one, is it possible to embed a master slider of all posts at the bottom of each snowball article ?

    Thanks man

    Dan

    Plugin Author thomaspark

    (@thomaspark)

    Hi Dan,

    Great, keeping the custom code in will do the trick then.

    A quick question: what browser are you using?

    Snowball itself doesn’t support a slider like you describe, but if you have a theme or plugin that does, Snowball should be compatible with it.

    Cheers,
    Tom

    Thread Starter dandorro94

    (@dandorro94)

    I’m using Firefox for OSX Tom.

    Regards slider, I mean to embed a slider with a shortcode the plugin I would use is Masterslider.

    Thanks enjoy your weekend.

    dan

    Plugin Author thomaspark

    (@thomaspark)

    Hi Dan,

    You should be able to paste the shortcode anywhere and have it work, for example a text or HTML block.

    Tom

    Plugin Author thomaspark

    (@thomaspark)

    Hi Dan,

    I just pushed v0.4.4 which helps out with this issue. You should keep the custom CSS since it’s specific to your theme, but this update will improve general compatibility in browsers other than Firefox.

    If you have any other issues, please feel free to open a new thread. Have a great week!

    Tom

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Full size image overriden by theme’ is closed to new replies.

Tags