This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

marquis modification

Open 8 replies premiumthemetheme-focus
Shane M Richardson
11 years ago · Last reply by Andrew Misplon 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

8
  1. Andrew Misplon Staff 11 years, 7 months ago

    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. Shane M Richardson 11 years, 7 months ago

    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. Andrew Misplon Staff 11 years, 7 months ago

    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. Shane M Richardson 11 years, 7 months ago

    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. Shane M Richardson 11 years, 7 months ago

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

    thanks – shane

  6. Andrew Misplon Staff 11 years, 7 months ago

    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. Shane M Richardson 11 years, 7 months ago

    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. Andrew Misplon Staff 11 years, 7 months ago

    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.

Have a different question or issue?

Start New Thread