Jump to content

my logo is too small

Recommended Posts

  • Replies 15
  • Views 1.7k
  • Created
  • Last Reply

Top Posters In This Topic

On 4/3/2024 at 7:53 AM, lorainedeleonnnn said:

Sorry for the late response but this is my URL:https://www.virtualaccountantnyc.com/

You can use this code to Website > Website Tools > Custom CSS

.header-title-logo img, .header-title-logo a {
    max-height: 100px;
}

image.thumb.png.85557725f4b252ce555fc9651cb37d2d.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

It worked. I'm experiencing an issue with my announcement bar when using media queries. I'm aiming to create a more appealing design for it. Could you please guide how to achieve this? Thank you so much. Hope you can help me with this one. 

This is my URL: https://www.virtualaccountantnyc.com/

And this is my code in the announcement bar: 


.sqs-announcement-bar {
    padding: 8px;
    width: 100%;
    position: fixed;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    background: linear-gradient(10deg, #2675A6, #20638C);
}

.sqs-announcement-bar strong {
    font-size: 15px;
    font-weight: bolder;
    letter-spacing: 2px;
    font-family: 'Poppins';
    margin-right: 10px;
}

.sqs-announcement-bar em {
    font-size: 13px;
    font-style: normal;
    text-transform: none;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 7px 12px;
    cursor: pointer;
    margin-left: 15px;
    font-weight: 00;
    transition: background-color 0.3s ease;
}


.sqs-announcement-bar-close {
    display: none
}
 

59e29061-434c-44cf-b4ab-78fcc32917fa.jpg

Link to comment

To add a space between text - button on mobile, you can use this CSS code

@media screen and (max-width:767px) {
div.sqs-announcement-bar-text em {
    display: block;
    margin-top: 20px;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

I've already applied the code you provided, and it has changed. Could you please assist me in aligning all of my content, including the button, in a single line? I prefer not to have the button on a separate line. Please help me with this one. Thank you so much!

 

Again this is my URL: https://www.virtualaccountantnyc.com/

Here's how the text and button layout changed when I applied the code you provided:

8513f0ad-1479-4557-bb71-96be0baf63e5.thumb.jpg.436ab8791430db478d0dd077b6d714e1.jpg

Announcement bar i want to achieve ( one line) :

a3b47e79-4cf3-4a37-bd43-999faf614839.thumb.jpg.fd1c5276616b2465a2e159a6d7b24734.jpg

Link to comment

Hello, Tuanphan! I'd like to ensure that my title (Virtual Accountant NYC at JCDL Virtual Assistance Services) is visually appealing with an ideal line height and size. Could you please assist me in making this text more appealing? I'm not quite satisfied with its current style. Thank you very much for your help!

929c60bd-919d-439a-b32e-fc0013508cd9.jpg

Link to comment
On 4/11/2024 at 7:56 PM, lorainedeleonnnn said:

Hello, Tuanphan! I'd like to ensure that my title (Virtual Accountant NYC at JCDL Virtual Assistance Services) is visually appealing with an ideal line height and size. Could you please assist me in making this text more appealing? I'm not quite satisfied with its current style. Thank you very much for your help!

929c60bd-919d-439a-b32e-fc0013508cd9.jpg

You want to reduce or increase its size?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 4/13/2024 at 3:52 PM, lorainedeleonnnn said:

can you try both?? I just wanna see if the alignment is still okay. Thank you very much, Tuanphan!

You can use this code to Website > Website Tools > Custom CSS

@media screen and (max-width:767px) {
div#block-fcc81c520b39e6f05965 * {
    font-size: 16px !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 4/18/2024 at 3:52 PM, lorainedeleonnnn said:

@tuanphan Hi Tuanphan! How can I maintain a consistent box size even when I input more text? I want all the boxes in my layout to be the same size. Thank you!

image.thumb.png.04f48a8fea0b04c2a0ae8b7150397a7f.png

When you edit List, it has an option to make all boxes equal height

image.png.ae071b80c84b110323dbc8a0d9dfb77b.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.