[Book lite] How to edit the footer Stop first letter bold

demastmerksplas · Member · Jan 16, 2015 at 1:43 pm
Copy link

Add topic to favorites
A more in-depth explenation of what I’d like:

1. The footer, currently contains a phone and fax number wich are in black. How do I change that to the current color it needs to be , wich is #007a76. I’d also love to make the heigth of the footer less, but I have been playing around with the team but Height, max-heigth, etc.. don’t seem to work.

2. How do I stop the capitalisation of each first letter in a word. Screenshot for example : http://prntscr.com/5t5ghx or can be found on the site

Thank you for your help

The blog I need help with is: (visible only to logged in users)
jaworrom · Member · Jan 16, 2015 at 4:50 pm
Copy link
To modify the footer phone number and hours text colors:
```
.confit-phone {
	color: #007a76;
}

.confit-hours {
	color: #007a76;
}
```
For the footer height, you can reduce this by reducing max-height like so:
```
div#secondary {
	max-height: 300px;
}
```
You may also consider reducing the padding for better balance:
```
div#secondary .widget-area {
	padding-top: 1em;
}
```
As far as the ‘L’ drop cap, are you wanting it to be lower case, or do you want to remove the drop cap completely so that the ‘L’ looks like the rest of the text?
jaworrom · Member · Jan 16, 2015 at 4:52 pm
Copy link
That second snippet didn’t show up correctly:
```
div#secondary {
	max-height: 300px;
}
```
demastmerksplas · Member · Jan 17, 2015 at 9:14 pm
Copy link
Hello. Sorry for the late reply and I don’t know if you’ll see it. I just want it so that the first letter of a page is normal. So it’s just plain text.
auxclass · Member · Jan 17, 2015 at 9:32 pm
Copy link
It also looks like you have removed the WordPress.COM footer credits – that is a violation of the Terms of Service –
demastmerksplas · Member · Jan 17, 2015 at 9:38 pm
Copy link
I think I accidently disabled it whilst messing with the footer. How do I turn it back on?
staff-happychia · Staff · Jan 17, 2015 at 10:43 pm
Copy link
Remove the following style from your custom CSS to bring back the footer credits:
```
footer.site-footer {
    display: none
}
```
demastmerksplas · Member · Jan 18, 2015 at 9:26 am
Copy link
Thanks guys. I fixed almost everything but I still have a problem with the Capital letters on the text pages.
designsimply · Member · Jan 18, 2015 at 1:32 pm
Copy link
The Book Lite theme does a thing where it makes the first letter of the first line a large drop-cap letter. You can force that letter to be lowercase using the following CSS:
```
.format-standard .entry-content > p:first-child:first-letter,
.page .entry-content > p:first-child:first-letter {
	text-transform: lowercase;
}
```
If you want to force the letter to be lowercase and also override the drop cap so it has the same size and spacing as the other letters, you can use this instead:
```
.format-standard .entry-content > p:first-child:first-letter,
.page .entry-content > p:first-child:first-letter {
	color: inherit;
	float: none;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	text-transform: lowercase;
}
```

No items found.