Edit blog template

Highlighted
Occasional Contributor

Hi, I hope this is the right forum for this. 

 

I'm trying to change our blog template. I'm using the following free template: http://wow-6464971.hs-sites.com/elite-blog

 

I need all the "read full article" buttons to be #28bca7

 

I was able to edit the Contact us CTA but I'm not seeing where I can edit these buttons in the listing source code. 

 

I'm not a coder, but I can work my way around some things. This is not one of those things. Can anyone please help?

Reply
0 Upvotes
1 Reply 1
Advisor | Platinum Partner

Hi @sbarber ,

 

You need edit the CSS file in Design Manager.  Look the class you need search to change in CSS:

body .container-fluid .row-fluid form .hs-button, body .container-fluid .row-fluid a.cta_button[title] {
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    background: #28bca7;
    cursor: pointer;
    font-family: Proxima Nova;
    text-align: center;
    display: inline-block;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    border-radius: 4px;
    margin-bottom: 0;
    position: relative;
    top: 0px;
    z-index: 1;
    color: #000;
    letter-spacing: 0px;
    border: 0;
    padding: 13px 40px;
    position: relative;
    box-sizing: border-box !important;
}

TIP:

Login in your account HubSpot and after this, open your blog home page. In your blog page, click in HubSpot button in Top right, and click to EDIT LIST/SUMARY TEMPLATE, to you be redirect to this template in Design Manager. 

 

In Design Manager, click in EDIT to edit CSS file, and in CSS file, search (CTRL+F and CTRL+V) for this: "body .container-fluid .row-fluid form .hs-button, body .container-fluid .row-fluid a.cta_button[title]".

 

Now, can change the hexadecimal code for background color.

 

class.PNG

 

Did this post help solve your problem? If so, please mark it as a solution.

Best regards!