Home>Support>marquis modification

marquis modification

By Shane M Richardson, 10 years ago. Last reply by Andrew Misplon, 10 years ago.

how do i adjust the marquis (header?) area on the main home page- that is in a loop slideshow of the “posts” or media content in the thumbnail grid container.

i would like to delete any and all text on the images – the titles of the projects flash up there for a second and its very distracting…and i would like to adjust the size of this marquis area to reflect and mirror the same width as the thumbnail grid container.

www.shane-richardson.com

thanks – shane

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Hi Shane

    The home page slider settings for Focus can be found at Appearance > Theme Settings > Slider.

    Your requests are unfortunately not covered by the theme’s options. To remove the slider text you can try the following under Appearance > Custom CSS:

    /* Focus Slider Remove H1 */

.slider h1 {
display: none;
}

    To remove the slider play button you can try the following under Appearance > Custom CSS:

    /* Remove slider play button and expand link area to cover slider */

.slider .play {
top: 0 !important;
left: 0 !important;
background-image: none !important; 
margin: 0 !important;
width: 100% !important;
height: 420px !important;
}

    For further customisations we can recommend the developers at Codeable: https://codeable.io/

  2. 10 years, 2 months ago Shane M Richardson

    Hey Andrew –
    awesome! – that worked , no play button and no text – you are a rockstar man! –
    next step…
    now, 2 questions :
    • how do i adjust the “width” of the marquis slider (…will look better 30 % smaller – width wise)
    • how do i get the entire image to be in the slider , so it doesn’t crop!?
    thanks so much of your time – almost there!
    best – shane

  3. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    To run a fixed width slider you could try something like this:

    /* Focus Slider */

.slider { 
  margin: 0 auto;
  width: 960px !important; 
}
.slider .wp-post-image { margin-top: 0 !important; }

    You can adjust 960px as required.

  4. 10 years, 2 months ago Shane M Richardson

    Hey Andrew!
    is there a quick css code for changing the color and opacity of the play button in the slider ?
    ideally want to make it the same as the background color – but not having any luck.

    i.e. .

    .slider. play
    {color =#161616}

    shane-richardson.com

    thanks – shane

  5. 10 years, 2 months ago Shane M Richardson

    *addendum : ….or just a thinner more delicate outline of the round play button in the slider…half opacity.

    thanks – shane

  6. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    It’s possible to upload your own play button via Appearance > Theme Settings > Video. You can put opacity on your own button in Photoshop and save as a PNG.

  7. 10 years, 2 months ago Shane M Richardson

    Hey andrew – thanks!

    i tried uploading different sizes png and jpg using the theme setting > video > play button (custom) – not working.
    any custom code that can point and designate that play button image i uploaded to the media gallery ..point and designate to the home main slider?

    thanks in advance – shane.
    shane-richardson.com

  8. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Not sure what might be the issue there. Is your custom button showing in Theme Settings after uploading it?

    Opacity settings sent in previous thread – perhaps that’ll do the job.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More