CMS Development

ErinKas
Top Contributor

Need help with a icon

SOLVE

Hello:

 

I have asked this question before and someone was able to help! The answer has gotten lost because something happened to my community account.

 

I want to target the google icon in the middle of the hero banner and move it to the right like the microsoft page here: https://www.omniresources.com/partners-microsoft

 

Here is the page I am looking to move the google icon on: http://www.omniresources.com/partners-google?hs_preview=zXSGGrXv-6452532092

 

Also on the page with the google icon I want the fa-icons to be blue and I cant seem to make that happen as well as the second line in the bulleted area be indented. 

 

I know this is a lot. I have a HTML CSS course coming my way in december so Hopefully I can help others when I get that taken.

 

Thank you!!!

 

@Jsum  @Stephanie-OG

0 Upvotes
1 Accepted solution
tjoyce
Solution
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

Need help with a icon

SOLVE

advisors.css line 445 should be: 

@media screen and (min-width: 1200px){
.hs-content-id-6452532092 .banner-inner img, .hs-content-id-5942003546 .banner-inner img {
    position: absolute;
    top: 20%;
    right: 16%;
}
}

and then add the following css to fix your chevrons

.hs-content-id-6452532092 i.fa-chevron-right {
    color: #0099cc;
    margin-left: -18px;
}

If this answer helped, please, mark as solved 😄


tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

 

Drop by and say Hi to me on slack.

View solution in original post

0 Upvotes
2 Replies 2
tjoyce
Solution
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

Need help with a icon

SOLVE

advisors.css line 445 should be: 

@media screen and (min-width: 1200px){
.hs-content-id-6452532092 .banner-inner img, .hs-content-id-5942003546 .banner-inner img {
    position: absolute;
    top: 20%;
    right: 16%;
}
}

and then add the following css to fix your chevrons

.hs-content-id-6452532092 i.fa-chevron-right {
    color: #0099cc;
    margin-left: -18px;
}

If this answer helped, please, mark as solved 😄


tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

 

Drop by and say Hi to me on slack.

0 Upvotes
ErinKas
Top Contributor

Need help with a icon

SOLVE

Thank you @tjoyce

 

So by adding in the 

.hs-content-id-6452532092 

are you targeting that page? Where can you find that information for my reference?

 

Thank you so much for responding! 🙂 

0 Upvotes