APIs & Integrations

alexknight99
Member

Change colour of blog subscribe button

Hi

I can’t find the right place in the system to change the colour of the blog subscription button. Somewhere in the system it got set to a pink hex code on initial setup but we’ve since rebranded and I can’t see where that button colour is controlled. I found the form but you can’t change any settings on the button.

Here’s an example of a blog page with the subscribe widget in the sidebar and beneath the copy: http://hub.autino.com/customer-experience-going-beyond-new-car-registrations

Thanks in advance.
Alex

0 Upvotes
6 Replies 6
ERhf
Member

Change colour of blog subscribe button

Any themes which have no longer previously been published to the marketplace are eligible for the competition in the event that they meet the requirements of service. It doesn't matter if they're entered from an existing provider account or a brand new one.

0 Upvotes
alexknight99
Member

Change colour of blog subscribe button

Thanks both. I changed the colour ref’s in the company main CSS file and all sorted now.

Much appreciated,

Alex

Derek_Gervais
HubSpot Alumni
HubSpot Alumni

Change colour of blog subscribe button

Hi @alexknight99 ,

I jumped into your portal and found where that color was: I’ll direct message you the info. In general, @dannio is spot on with the best practice for changing CSS.

0 Upvotes
LPM
Top Contributor | Diamond Partner
Top Contributor | Diamond Partner

Change colour of blog subscribe button

They’ve changed the layout of the COS and it’s difficult to find the settings, but I think they were in Email settings before?

Content settings -> email

If not you can always:

  1. Go to Design manager

  2. Coded files -> Custom -> Page -> CSS

  3. Create a new file (make sure the extension is .css)

  4. Add in the rules

  5. Take the public url from the Actions button

  6. Add into appropriate location

Now the location depends on your needs: template wide, global or just for 1 page.
You can select the +add stylesheet option on:

  • Content Settings

  • Template Head (Select Action -> edit head)

  • Just for that page (Go to settings and add in the stylesheet)

LPM
Top Contributor | Diamond Partner
Top Contributor | Diamond Partner

Change colour of blog subscribe button

You can always change it using custom CSS

Something like:

.widget-type-blog_subscribe .hs_submit .hs-button{
background-color: New colour;
}

0 Upvotes
alexknight99
Member

Change colour of blog subscribe button

Ok great, guessing from the CSS that there isn’t a setting somewhere? Also - where do you put that code in the file? Thanks again. Alex

0 Upvotes