Jump to content

Formating Text

Go to solution Solved by ChrisBartow,

Recommended Posts

Site URL: https://platinum-bugle-7ge9.squarespace.com/

Hi, 
Is it possible to add a drop shadow to specific text? 
I am trying to create navigation buttons out of images on my home page,so have added the images and am trying to pop text over the top, however the text is white and doesn't stand out. I have found code i can add into Custom CCS that adds a drop shadown on everything but this looks very odd. So can you do it individually for the text you need? Also when i hyperlink the text it puts an underline under it and i don't want one, is it possible to remove it? 
Thank you for your help, 

Screen Shot 2020-04-20 at 16.44.40.png

Link to comment
  • Replies 19
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

Your site is private, so I can take a look and give you exact CSS to do this, but yes you can add a drop shadow to the text and remove the underline. You need to figure out what tag/class that it belongs to. If you change the site to password protected and provide it, I can give you fully working code.

.textClassYouWantChanged {
	/* Adds Shadow */
	text-shadow:2px 2px gray;

	/* Removes Underline */
	text-decoration:none;
}

 

Creating websites using Squarespace at Design by Donuts 🍩

Link to comment

Hi Chris, 

Thank you so much for your help.

If i change it to password protected though does that mean you would be able to access the back end of the site? I am just not sure about allowing access. 

Is there anyway of helping without this? 

I am sorry to ask. 

What i need to do is to make these three peaces of text have a drop shadow and not be underlines. How do i do this? Where would i add the code and what would the code be? 

87348324_ScreenShot2020-04-20at16_44_40.thumb.png.3babe1e5081c024e90b339a965549a70.pngI have only found Custom CCS and what i put there affects the whole site? 

There are on my home page

Thank you so much for your help, 

Kind regards 

Francesca 

Link to comment
7 minutes ago, KTTV said:

Can anyone help? Please? Thank you 

You can setup password & share url.

We can access Frondtend, NOT backend.

Edited by tuanphan

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
14 minutes ago, KTTV said:

Amazing thank you 

https://platinum-bugle-7ge9.squarespace.com/   - c0deyandthecl0ud

Add to Home > Design > custom CSS

div#page-section-5e95b3f747abe34ed78c13a7
{ 
  .image-subtitle a, .image-title a {
      background-image: none !important;
      text-shadow: 2px 3px 4px red;
  }
}

 

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

Thank you so so so much, you are super star!!!! 

The drop shadow seems to be red, is there anyway for me to make it a shadow (black/grey).

Thank you for your help, it is very much appreciated!!! 

Sorry i should have though earlier, is it possible to drop shadow the navigation menu text as well? 

 

Edited by KTTV
Link to comment
16 hours ago, KTTV said:

Thank you so so so much, you are super star!!!! 

The drop shadow seems to be red, is there anyway for me to make it a shadow (black/grey).

Thank you for your help, it is very much appreciated!!! 

Sorry i should have though earlier, is it possible to drop shadow the navigation menu text as well? 

 

Add to Home > Design > Custom CSS. You can change red to another color

.header-nav-item a {
    background-image: none !important;
    text-shadow: 2px 3px 4px red;
}

 

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
2 minutes ago, KTTV said:

I am not sure if this is something you can help me with but i am having trouble trying to find where i edit the text under the images on this page https://platinum-bugle-7ge9.squarespace.com/videos - i can't even find where i would edit the image any more its very odd...

Edit post > click Gear icon (top right corner) > Options > Excerpt

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
1 minute ago, KTTV said:

This is what i get if i hit the gear icon top right when i am trying to edit....

Edit blog post detail then click gear icon

not blog list page

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
2 minutes ago, KTTV said:

I am sorry to keep asking you questions but is there way to individually change the colour of text? 

As in https://platinum-bugle-7ge9.squarespace.com/ - recent instagram posts - i would love to make that blue 

Again thank you for your help and i am sorry if i am asking to many questions, feel free to ignore me and i can do a new post! 

div#block-6b6a5f1984463a47e088 h4 {
    color: blue;
}

 

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
20 hours ago, KTTV said:

Do you know what dimension or where i would find the advice on what dimensions i need to back the banner images? i.e the image on my home page? 

https://platinum-bugle-7ge9.squarespace.com/

Some groups

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.