Okay
  Public Ticket #1880208
How can I get Events individual pages to have white background?
Closed

Comments

  • Sterling started the conversation

    Heyyy $onaar Fam!

    I've got the Events page looking great https://recklessinvegas.com/riv-shows/ and we just want individual event pages to look the same/similar but there is transparent page background even though I have white color selected. Screenshot and klessinvegas.com/riv-shows/Is there a theme option to style all the events where my  client won't have to do each one individually? That would be awesome.

    Ideally we want just upcoming shows on homepage and then all upcoming and past shows on the Shows page. Is the only way to control this with the 'number of events to show' number? No shortcode for example of only upcoming shows and upcoming/past?

    BIG THNKS for Sonaar awesomeness 100!

  •  1,114
    Max replied

    Hi Sterling!

    The easiest and fastest way to put a general background color on all the single event pages is through custom css.

    Try to put this code in wp-admin > Theme Options > Custom CSS:

    .single-event .boxed {
        background-color: #fff;
        padding: 30px;
    }

    let me know


    For the other question about the upcoming/past events, perhaps you can put a event widget on your homepage to show the upcoming event.

    and on the other Show Page, use 2 event widget. One for the upcoming events, and one for the past events.


    Thanks,


    Max from the Sonaar.io Crew

  • Sterling replied

    MAXIME IN DA HOU$E!! thanks for quick reply  and problem Solved! my bad I didn't notice the dropdown options of Upcoming/Past shows Awesome!

    I SO miss Firebug for figuring out CSS on simple hover, that was the best, the other options like Chrome inspect just can't get use to. no idea why Firefox took firebug away from Chrome use or any browser use.

    BEST to 2019 all forward sir!$

  • Sterling replied

    whoops, how can I control the large font setting on individual Event pages (it has Lato 58px now but in the Event settings for typography they are all set to Karla

    https://recklessinvegas.com/events/sun-city-macdonald-ranch/

    THNKS

    Any new Awesomeness 100 in the works for Sonaar 2019 Maxime?!

  •  1,114
    Max replied

    Hi,


    This is the H1 page title (that you will find in theme options >  typography >  h1) and it affects all the page titles on your site.

    If you want to have a custom title for the single event page, you can add custom css such as:

    h1.event-boldtitle {
        font-size: 58px;
        font-family: Special Elite;
    }


    Thanks,


    Max from the Sonaar.io Crew

  • Sterling replied

    YOU ARE THE MAN!$

    I'm def going to be working on my CSS skills (which I have little of now ha) Maxime in 2019 forward! BIG UPS

  •  1,114
    Max replied

    No problem!

    Check out our new website at sonaar.io. We just launched it 1 hour ago.
    Elementor Pro's under the hood.


    Cheers,

    Thanks,


    Max from the Sonaar.io Crew

  • Sterling replied

    AWESOME!! I was just working on an Elementor based site today SO AMAZING how much more design flexibility and of course the fact it's most all front end visual design! The new responsive backgrounds that can be individual for each device and precision image placement, the Filter Blend modes LUV IT and so SO Great to Hear Maxime! #2019ALLFORWARD!$

  • Sterling replied

    I see you have a few new demos too

    So are all demos in Elementor based import now, or still certain ones...? Maybe I'll make a fresh demo tonight or this week and check via import options

    One of the best WP Theme$ EVER! I still want to pitch maybe recklessinvegas.com or one of my Sonaar demos to some big Pop Music stars with big budgets and showcase the continuous audio play thru pages loads, still have never seen that on any other music sites in my life on mobile view AMAZING #mobilefirst2019

    Curious if the Elementor based themes have easy image galleries? their default galleries (I still can't believe they haven't improved since day one) are really bad. You can't crop properly or do masonry, need Elementor plugins to get proper lightbox galleries - still be great to have and not need to use Essential Grid for simple sleek galleries where just select images all at once in media library or bulk upload and be done.

    Have you noticed how videos can auto play on mobile phones these days also Maxime? I'm sure you knew but would be cool to have in a few of your demos via iphone/mobile view.  I made a demo showcasing youtube, vimeo, mp4 and mov all working via Rev Slider https://revolutionslider.demo.site/ https://revolutionslider.demo.site/bird-sky

  •  1,114
    Max replied

    you should check Elementor Pro (paid addon for Elementor). it rocks and have some cool widgets for elementor.

    Video can autoplay on mobile as long as they are muted.


    cheers!


    Thanks,


    Max from the Sonaar.io Crew

  • Sterling replied

    Oh yeah, I bought the Unlimited Pro Elementor for $ure! Do you have any demos featured auto play videos on mobile view? SO many awesome $onaar demos man! hope ya keep adding in 2019

    BEST all ways forward!

  •  1,114
    Max replied

    Here an example. go here https://sonaar.io/wp-plugin-to-manage-music/

    and scroll down to the bottom, you will see 2 videos.

    Thanks,


    Max from the Sonaar.io Crew

  • Sterling replied

    Awesome! auto plays Sweet on my iPhone! Curious Maxime without Rev Slider how would we embed in a page/section and have it autoplay like this? What do you use for video compression? Handbrake? Just asking as really want to use more videos in sites now that they can auto play on mobile but need to of course be careful it doesn't add much to the site load time. I didn't use to make site speed a true priority but it's of course getting more important for us all. Any tips you ever feel like sharing are much more than welcome, appreciated big time! #mobilefirstin2019

    YOU ROCK 100!!

  •  1,114
    Max replied

    We are (and mostly all people) use MP4 files (along with a WEBM alternative file to play accross all browser). We optimize our videos with Adobe Media Encoder CC.



    Thanks,


    Max from the Sonaar.io Crew