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

  • Author
    Posts
  • #2222115

    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 demastmerksplas.com.

    #2222235

    jaworrom
    Member

    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?

    #2222237

    jaworrom
    Member

    That second snippet didn’t show up correctly:

    div#secondary {
    	max-height: 300px;
    }
    #2222316

    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.

    #2222317

    auxclass
    Member

    It also looks like you have removed the WordPress.COM footer credits – that is a violation of the Terms of Service –

    #2222318

    I think I accidently disabled it whilst messing with the footer. How do I turn it back on?

    #2222319

    Remove the following style from your custom CSS to bring back the footer credits:

    footer.site-footer {
        display: none
    }
    #2222326

    Thanks guys. I fixed almost everything but I still have a problem with the Capital letters on the text pages.

    #2222328

    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;
    }

The topic ‘[Book lite] How to edit the footer Stop first letter bold’ is closed to new replies.