Isolated Section Changes

Site URL: https://www.wildandsacredescape.com/

Hello!

I want to be able to make isolated changes to sections and wondering how I approach that. My main concern is the font in the intro section of the home page is great on desktop but it moves over the lighter part of the video on mobile and you can no longer read it. "You're invited...." is it possible to change the font color for mobile only in this one section only?

I tried changing the color to black but didn't seem to help much. Of course you could go with a color other than white or black.

I suggest using a background that is slightly transparent.

Add the following to Design > Custom CSS.

/* begin add background to You're Invited! */

  [data-section-id="609b32715e3ee71f78554ad0"] .content {
  
    width : auto !important;
    
    }
    
  [data-section-id="609b32715e3ee71f78554ad0"] .sqs-layout:not( .sqs-editing ) .sqs-row .sqs-block:not( .float ):not( .sqs-feature-gated-wrapper ):first-child {
  
    padding-top : 17px;
    
    }
    
  [data-section-id="609b32715e3ee71f78554ad0"] .sqs-block {
  
    background-color : rgba( 0, 0, 0, 0.75 );
    
    }
    
  /* end add background to You're Invited */
  

This is for v7.1 and specific to the OP's need.

You can play with the opacity, the 0.75. The range is from 0 to 1. Zero being fully transparent and 1 being fully opaque. Of course you can play with the color as well but I'll leave that for research on the internet.

Let us know how it goes.

Thanks so much!! That will solve the issue for this temp site. I really appreciate it!