Text in Header, Before Social Icons

Hi everyone,

I hope to find you well.

I am trying to add a text in the header, saying "CONTACT US :", just before/on the left of the links to the socials (upper right part of the website).

URL: https://global-queens.com

Any thoughts about a CSS?

Did my research, but did not find the solution.

My Heading is :

Font : Acumin Pro

Size : 16 Px

Would the code also apply for the mobile version (would like to get it centered and above the social icons).

Thanks a lot for your help!

Yours faithfully,

Alexandre

Add to Website Tools (under Not Linked) > Custom CSS

/* text before social */
.header-actions.header-actions--right .header-actions-action:before {
    content: "Contact Us:";
    position: relative;
    top: 5px;
    font-family: 'acumin-pro';
    font-size: 16px;
}

On 10/21/2023 at 6:28 AM, tuanphan said:

Add to Website Tools (under Not Linked) > Custom CSS

/* text before social */
.header-actions.header-actions--right .header-actions-action:before {
    content: "Contact Us:";
    position: relative;
    top: 5px;
    font-family: 'acumin-pro';
    font-size: 16px;
}

Hi tuanphan!

Thanks a lot for your reply!

Do you know how to rather move the "CONTACT US" link I have on the upper left of the page? At the same place;

Does it apply to mobile?

Thanks a lot!

Alexandre

On 10/23/2023 at 9:05 PM, tuanphan said:

Upper left - Which position? Can you highlight & take a screenshot? 

With mobile, which position? Above instagram icon or?

Went for an alternative, thanks a lot anyways Tuanphan!

Hi Tuanphan,

I would also like to ask for your help.

Site: https://crow-grasshopper-6ssf.squarespace.com/
Password: farm5.0

I managed to put the text "Made by Farm Studio" in the header.
Which I can't solve, but I suspect it's not just CSS that needs to be "half" of the text link:
"Made by<a href="https://www.farm.co.hu" target="_blank">Farm Studio</a>"

Can you help me with this?

Thanks, 
a.

On 1/16/2024 at 4:34 PM, antasz said:

Hi Tuanphan,

I would also like to ask for your help.

Site: https://crow-grasshopper-6ssf.squarespace.com/
Password: farm5.0

I managed to put the text "Made by Farm Studio" in the header.
Which I can't solve, but I suspect it's not just CSS that needs to be "half" of the text link:
"Made by<a href="https://www.farm.co.hu" target="_blank">Farm Studio</a>"

Can you help me with this?

Thanks, 
a.

You mean make text "Farm Studio" clickable to farm.co.hu link?

Yes, that's what I mean. 

CSS pseudo :before, :after can't add link, you can use this code to Last Line in Code Injection > Footer to add new text with jQuery code

<script>
  $(document).ready(function(){
    $('<p class="custom-text">Made by <a href="https://farm.co.hu/" target="_blank">Farm Studio</a></p>').appendTo('.header-display-desktop .header-actions.header-actions--right');
});
</script>
<style>
  p.custom-text {
    color: black;
}
</style>

Thank you Tuanphan!