My site: www.blueribbonarts.comI am trying to change the text "blue ribbon art academy" located in banner of the "intro" page. I tried some css codes but failed to identify the banner location. So far I tried:

intro p {

font-size:48px}

Unfortunately the code changed not only the banner font but also the whole page font. Can you please help?

Hi @yimeng1988

Your code just needs to be a little more specific. At the moment it is targeting all the paragraph (p) text on the 'intro' page of the index.

You need to ensure that only the 'description wrapper' (the text on the banner image) is affected. Also, because there are several paragraphs in this, you need to limit the style to the first paragraph only.

Remove the CSS you've tried above, and try adding this instead to Design > Custom CSS:

#intro .desc-wrapper p:nth-of-type(1) {
   font-size: 48px;
   color: burlywood;
}

Paul

To everyone! If you find this (or any) answer helpful, please vote it up using the up arrow. This will let other users know it's a good answer. You'll find some more Squarespace tips on our website.

Awesome! Thanks so much, Paul. This worked out just fine.

Awesome! Thanks so much, Paul. This worked out just fine.

No problem.

Also, if I want to make the second paragraph smaller ("We Offer Creative and Advanced Art Classes and Individual Art Portfolios"), how can I identify them?

Also, if I want to make the second paragraph smaller ("We Offer Creative and Advanced Art Classes and Individual Art Portfolios"), how can I identify them?

Looks like the second paragraph did not work when I wrote below: #intro .desc-wrapper p:nth-of-type(1) { font-size: 48px; color: burlywood; } #intro .desc-wrapper p:nth-of-type(2) { font-size: 48px; color: burlywood; }

The second paragraph is bold (strong) so try this:

#intro .desc-wrapper p > strong {
    font-size: 60px;
}

Thank you! It worked.

WoW Thanksvery very Goodhttp://Agahi90.ir

WoW Thanksvery very Goodhttp://Agahi90.ir