Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
traciedutoit

Adjust padding/margins on sections

Question

Posted (edited)

Site URL: https://star-harbour-sq.squarespace.com/

Password: pass

I was trying to remove the padding on the first two sections of the home page so that the "star" and "anchor" meet. Basically I'm trying to recreate what you see here: http://starandharbour.com/ (This is my current Joomla site, and I'm attempting to more or less recreate it on Squarespace.)

I have following code in the Custom CSS. This helped (I'm not sure it's the best solution).

The star and anchor are svg files placed as urls with a code block, each it its own section. I've adjusted the bottom padding on these sections to lift the pieces up to where I want them to be.

However, two things:

1. in the mobile view, the star and anchor shift down a few pixels, and I'm not sure how to fix that.

2. in the mobile view, I want the banner image to be less than 100% vh of the screen because currently, on a phone view, the controls hide the star.

 

/*HOME SECTION STAR*/

[data-section-id="5f0caf24192e11063c70177e"] 
.content-wrapper {
    padding-top: 0px !important;
    padding-bottom: 165px !important;
}

[data-section-id="5f0caf24192e11063c70177e"] {
	min-height: 120px !important;
	height: 120px !important;
}

/*HOME SECTION ANCHOR*/

[data-section-id="5f0caf6130005d2344dd262c"] 
.content-wrapper {
    padding-top: 0px !important;
    padding-bottom: 260px !important;
}

[data-section-id="5f0caf6130005d2344dd262c"] {
	min-height: 120px !important;
	height: 120px !important;
}

 

 

 

Edited by traciedutoit
Simplifying

Share this post


Link to post

1 answer to this question

Recommended Posts

  • 0

Hi. Sorry for late reply. Have you solved it yet?


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...