Jump to content

Changing font color on specific page

Recommended Posts

  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Hey @GregLassaledepending on the page you are changing with CSS you can target that specific page & element. Which page were you thinking of changing I can give you an example of the CSS to use. 

SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

Link to comment

@GregLassale Do you mean the home page or the intro page of the internal English / Fr page? If it's the latter 

Quote

#intro,
#introfr{
  h1,
  h2,
  p {
    color: COLOR !important;
  }
  .medium-button-style-outline .sqs-block-button .sqs-block-button-element-medium {
    color: COLOR !important;
    border-color: COLOR !important;
  }
}

 

Edited by SquareRefresh

SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

Link to comment

@GregLassale change p to h3 since you aren't using body copy. Also check your code for the button there is an extra space that's why the medium is purple 

 

.sqs-block-button .sqs-block-button-element--medium

 

SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

Link to comment
On 4/27/2021 at 9:06 AM, GregLassale said:

All good on h3. I've checked and rechecked the code for the button, pasted yours, but it's still not working. Not sure why. 

 

 

Try this code

section#intro p, section#intro .button-block a, section#intro h2 {
    color: red;
}

image.thumb.png.ca57f897e5e84ab6ca7ce408cafdd13e.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.