Community Forums › Forums › Archived Forums › Design Tips and Tricks › Agentpress 2.0 Disclaimer Area
Tagged: Agentpress, css, disclaimer
- This topic has 9 replies, 6 voices, and was last updated 12 years, 5 months ago by
jcleland.
-
AuthorPosts
-
December 5, 2012 at 5:07 pm #3494
hamishwest
MemberHow do I increase the height of the disclaimer area and adjust the font size and line height to make everything more compact. No matter what changes I make to the CSS and/or the size of the gradient image I can't get any changes to appear?
December 5, 2012 at 5:40 pm #3497Jon Weiss
MemberCan you provide a link to your web site, please?
December 6, 2012 at 11:37 am #3605DianeC
MemberIn the stylesheet for .disclaimer it's set at :
.disclaimer {
background: url("images/gradient.png") repeat-x scroll 0 0 #FFFFFF;
border-top: 1px solid #D5D5D5;
box-shadow: 0 1px 1px #000000;
clear: both;
font-size: 10px;
height: 90px;
overflow: hidden;
text-align: center;}
You can change the height - and may also need to stop the background repeat (no-repeat or repeat-x - as above) - this worked for me anyway.
December 7, 2012 at 12:36 pm #3738Stephanie
MemberDecember 7, 2012 at 1:53 pm #3767Stephanie
MemberDecember 11, 2012 at 12:43 am #4425hamishwest
MemberHi, thanks for responding to my question... I have tried the above approach, however, no change... and I have no idea!
My website address is as follows: http://www.hamishwest.co.nz
December 11, 2012 at 2:54 am #4432CharlieL
ParticipantWhen I checked in Firebug it seems that it will work if you change the following in the stylesheet:
Here you change the height of the disclaimer-area:
.disclaimer {
background: url("“images/gradient.png”") repeat-x scroll 0 0 #FFFFFF;
border-top: 1px solid #D5D5D5;
box-shadow: 0 1px 1px #000000;
clear: both;
font-size: 10px;
height: 200px; /*or whatever that suits you*
overflow: hidden;
text-align: center;
}Font size you may change here:
.disclaimer p {
font-size: 24px; /* change size here*/
text-align: center;
line-height: 160%; /*add this line to the css, 160% means percent of the current font size*/
}
More on other property values you will find here: http://www.w3schools.com/cssref/pr_dim_line-height.asp
Please, always remember to FTP the changes in the stylesheet to your web-server in order to visually see the changes. You also have to reload the page into the browser. Sometimes the chache can really fool us.
The comments in the code between
/*comment*/should be deleted when you are ready to release your work. That is a good habit as it will decrease file-size even if the web-browser will omit it anyway.December 11, 2012 at 3:41 am #4440hamishwest
MemberHi there, gave that suggestion a go but it still isn't working (not at my end anyway)? Sorry! If it's any help, I too have edited the style using the chrome editor, I see the changes, but when I change the code at ftp or edit in wp backend the changes don't translate to the actual site.
December 11, 2012 at 11:53 pm #4632hamishwest
MemberHi there, thanks for your help. It is now solved, my mistake... I hadn't been emptying my cache! Whoops. Cheers.
July 2, 2013 at 6:00 pm #48906jcleland
MemberHi Hamishwest 🙂
Can you tell me what code you used to change the height and also the background gradient?
Thanks!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.