Landing Page Layout

Hi Community,

I have a landing page which I have created but I want to change the layout slightly within 1 box.

Can I change the size of the box to make the text fit better OR change the bullet point layout so the text is algined better OR change the colour of the standard bulleted point when using the bulleted list. I cna’t seem to change the bullet colour from black to white (I’m using white text on a blue background).

I’ve inserted a screen shot to help hopefully.

Any help would be really appreicated.

Thank you

Heather

Hi @HSaunders

Yes, you can make those changes to the box in your HubSpot landing page. Here’s how:
To change the size of the box:

  1. Open your landing page in the HubSpot drag-and-drop editor.
  2. Click on the box you want to resize.
  3. Click and drag the handles on the edges of the box to resize it.

To change the bullet point layout:

  1. Open your landing page in the HubSpot drag-and-drop editor.
  2. Click on the text box that contains the bulleted list.
  3. Highlight the bulleted list.
  4. Click the “Format” dropdown menu in the toolbar.
  5. Select the desired bullet point style.

To change the color of the standard bulleted point:

  1. Open your landing page in the HubSpot drag-and-drop editor.
  2. Click on the text box that contains the bulleted list.
  3. Highlight the bulleted list.
  4. Click the “Format” dropdown menu in the toolbar.
  5. Select “Font” from the dropdown menu.
  6. Click the “Color” tab.
  7. Select the desired color for the bullet points.

Alternatively, you can use custom CSS to change the color of the bullet points:

  1. Open your landing page in the HubSpot drag-and-drop editor.
  2. Click the “Settings” gear in the top right corner of the editor.
  3. Select “Custom Head HTML” from the dropdown menu.
  4. Paste the following CSS code into the box (you can change the color using css):

ul li {
list-style-type: disc;
color: #FFFFFF

;
}
5. Click the “Save” button.
This will change the color of all bullet points on your landing page to white.

Hope this will helps you out. Please mark it as Solution Accepted & Upvote to help other Community member.
Thanks!

Good morning @DGarg

Thank you so much for taking the time to reply.

I am still struggling with your suggestions above.

Following your instrcutions for your suggestion To change the color of the standard bulleted point: Once I’ve highlighted the the bulleted list (I’m testing with just one point at the moment) I can not see the format dropdown menu.

Could you help point me in the right direction please on the screen shot below?

Thank you

Heather