Recent
Categories
View Replies (4)

Reduce the 'gaps' in Cashmere

0
Votes
Undo
  1. nickskehan
    nickskehan
  3. Commercial Templates
  4. Thursday, 13 August 2015
  5.  Subscribe via email
Hi Guys,

Here is a link to a site I am doing for a friend http://pharmaevolve.freesite.host/index.php

I am using the Cashmere template.

I would like to close the gaps on the header, I have tried using custom css on header-1 but nothing seems to take effect, I would also like to close the gap further down the page before the 'Focus = Innovation – Engineering – Education ….for Pharmacy Business Development'.

Any help greatly appreciated.
Nick
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Nick

Presuming I understand you correctly try adding the following to the Custom CSS field of your templates parameters (edit to taste)...


/* Top Header Spacing */

#container_header {

    height: 0px;

}

/* Bottom Header Spacing */

#container_hornav {

    margin-bottom: 0px;

}


To close the gap further down the page you can also add the following...


#container_top1_modules {

    margin-bottom: 80px;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
nickskehan
nickskehan
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks a mill Ciaran

So quick with the response too!

Nick
  1. more than a month ago
  2. Commercial Templates
  3. # 2
nickskehan
nickskehan
Accepted Answer Pending Moderation
0
Votes
Undo
Just another quick question

When I am adding to the custom css should I name the position or the module.

I want to reduce the size of the space/container where the
Focus = Innovation – Engineering – Education ….for Pharmacy Business Development
is located, it is in position top-2a and the title is focus.

The css I have used to reduce the height is

#top-2a {
height: 30px;
}
It is having no effect is there something I am doing wrong.

Kind regards
Nick
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Nick

Sorry to say module positions do not have unique class names, only the holder for that block of modules (.top-2). Your H2 text would have a top and bottom margin by default which you can remove with the following...


.top-2 h2 {

    margin-bottom: 0 !important;

    margin-top: 0 !important;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!