CMS Development

NikkiG
Contributor

Word Press Code Conversion to HubL / CSS question...maybe...

SOLVE

I'm updating my externally hosted Wordpress site (not much choice to have a WP site, but it's what I'm stuck with). Here's my site - https://www.amerifund.cc/. See the Apply Now button? Currently, I have that implemented using simple WP specific code in the Main Menu customization section.

<span class="et_pb_more_button et_pb_button">Apply Now</span>

I'd like to have the same Apply Now button look in my HS hosted header. The animation isn't as important as the border/box around it.

 

Anyone have any idea how to do this? 
Here's a screenshot of the page with the header button I'm looking to replicate. 
header.png

0 Upvotes
1 Accepted solution
edjusten
Solution
HubSpot Employee
HubSpot Employee

Word Press Code Conversion to HubL / CSS question...maybe...

SOLVE

Hi @NikkiG  It took a bit of doing, but we were able to add the following code to your css located here (line 339):

 

.custom-menu-primary .hs-menu-wrapper > ul > li:last-child {
    padding: 10px;
    border: 2px solid white;
}

Let me know if you have further questions,

 

Thank you,

Ed Justen


Did my post help answer your query? Help the Community by marking it as a solution

View solution in original post

2 Replies 2
edjusten
Solution
HubSpot Employee
HubSpot Employee

Word Press Code Conversion to HubL / CSS question...maybe...

SOLVE

Hi @NikkiG  It took a bit of doing, but we were able to add the following code to your css located here (line 339):

 

.custom-menu-primary .hs-menu-wrapper > ul > li:last-child {
    padding: 10px;
    border: 2px solid white;
}

Let me know if you have further questions,

 

Thank you,

Ed Justen


Did my post help answer your query? Help the Community by marking it as a solution
NikkiG
Contributor

Word Press Code Conversion to HubL / CSS question...maybe...

SOLVE

Oh wow! @edjusten - Thank you so much! 

0 Upvotes