Community Forums › Forums › Design Tips and Tricks › Agentpress 2.0 Disclaimer Area
Tagged: Agentpress, css, disclaimer
This topic contains 8 replies, has 5 voices, and was last updated by hamishwest 5 months, 1 week ago.
-
AuthorPosts
-
December 5, 2012 at 5:07 pm #3494
How 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 #3497Can you provide a link to your web site, please?
December 6, 2012 at 11:37 am #3605In 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.
-
This reply was modified 5 months, 1 week ago by
DianeC.
-
This reply was modified 5 months, 1 week ago by
DianeC.
December 7, 2012 at 12:36 pm #3738It needs to be changed in the functions
December 7, 2012 at 1:53 pm #3767Disregard my post. I was wrong!
December 11, 2012 at 12:43 am #4425Hi, 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 #4432When 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 #4440Hi 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 #4632Hi there, thanks for your help. It is now solved, my mistake… I hadn’t been emptying my cache! Whoops. Cheers.
-
This reply was modified 5 months, 1 week ago by
-
AuthorPosts
You must be logged in to reply to this topic.