Need help with a coming soon page background and fonts

I'd like to change the style of my Coming Soon page by adding a transparent background and changing the font to Google Fonts Ubuntu. Also, the page has a blue colour before the page loads and it's different than the background image I'm using. Can you assist?

  • Nithin
    • Support Wizard

    Hi Dawran,

    I have added the following CSS in the plugin side, under Site Offline > Design > Custom CSS section.

    @import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');
    
    .top-content .description, .top-content h1 {
    font-family: 'Ubuntu', sans-serif !important;
    }
    
    .timer {
    font-family: 'Ubuntu', sans-serif;
    }
    
    body > div.top-content > div > div > div > div > h1 {
    	background: rgba(0,0,0, 0.2);
    	padding: 3% 3% 6% 3%;
    }
    
    body > div.top-content > div > div > div > div > div.description.wow.fadeInLeftBig.animated {
    
    	margin-top: -5%;
    
    }

    And now the fonts and the text have a transparent background. Please do check, and let us know if you need further assistance.

    Have a nice day ahead.

    Best Regards,
    Nithin

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.