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
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. # 1
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. # 2
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. # 3
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. # 4
  • Page :
  • 1


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

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok