Template has gone funny...

andymet87

So after using JA Stark for some time on our website... something has happened... probably because of an update...
A few edits I made to the website appear to have undone. If anyone can help me resolve the below I would be very grateful.

there is lots of white space between the rows. How do I reduce the gaps?
how do I reduce the height of the masthead
how do I align the masthead text left? The custom css I used previously doesn't appear to be having any impact.

many thanks in advance.

saguaros

andymet87 Hi

1/ The sections on your site are set with padding value:

#t4-section-1 .container, 
#t4-section-2 .container, 
#t4-section-3 .container, 
#t4-section-4 .container, 
#t4-section-5 .container, 
#t4-section-6 .container {
    padding-top: 9.375em;
    padding-bottom: 9.375em;
}

you can override this by:

#t4-section-1 .container, 
#t4-section-2 .container, 
#t4-section-3 .container, 
#t4-section-4 .container, 
#t4-section-5 .container, 
#t4-section-6 .container {
    padding-top: 9.375em !important;
    padding-bottom: 9.375em !important;
}

and replace with your desired value.

2/ By default, this template supports masthead position, while you're assigning this masthead module to section-1 so it looks big. You can create a new section in Layout settings of template and load the masthead position there:

Then it will look good for the point 3 as well.

andymet87

saguaros

thank you!!