Recent
Categories
View Replies (4)

Vitality - width of border on responsive pages

  1. Issue
0
Votes
Undo
  1. sjudelson
    sjudelson
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 04 August 2017
  5.  Subscribe via email
Ciarán -

I am using your Vitality template. Is it possible make the border around the responsive pages narrower? Unless you tell me that I am treading into dangerous territory and will cause all sorts of other problems, it seems to me that the white space around the page on mobile devices is unnecessarily wide and that some of this space would be better served by making the content bigger.

I searched the forum but not found a discussion on this point. Thanks in advance for your help.

Steven
References
  1. http://new.amagansettseasalt.com
  1. responsive
  2. vitality
  3. border
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Steven

To amend try adding the following to the Custom CSS field of your templates parameters (edit to taste)...

#header_bg, .vegas-slide {

    border-left: 30px solid rgb(255, 255, 255);

    border-right: 30px solid rgb(255, 255, 255);

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
sjudelson
sjudelson
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you, Ciarán. I see how that reduces the width of the bortders in the header section. Is there a global command (or other way) to reduce the border width for the entire phone (portrait) page?
  1. more than a month ago
  2. Commercial Templates
  3. # 2
sjudelson
sjudelson
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
I added the following code to the Phone (Portrait) Custom CSS section and the top/left/right padding seems to change:

.maincontent {
padding-top: 0px;
padding-left: 20px;
padding-right: 20px;
}

There is still what seems to be an unnecessarily large margin at the top of the content. I understand that negative values are not permitted. Is there another solution or is this as good as it gets?
  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
Hello

Negative values are only permitted with margins so if you wish you could try (edit to taste)...

.maincontent {

  margin-top: -40px;

}


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!