Also i’d like to change the footer format so that the text for the tag line covers both lines. I think the current code allows for four social icons. We may only need 1 (linked in) so can remove the others. Do you know what code I should add to the footer.php file?
Thanks again!
Hey again mrsd2015,
For logo changes please try adding the following CSS code to the bottom of your child theme style.css:
.logo {
margin-top: 60px;
width: 40%;
float: left;
}
.logo2 {
width: 46%;
float: right;
padding: 15px 0;
}
.logo2 img {
max-width: 100%;
}
.menu-bar {
clear: both;
}
This should be the result http://screencast.com/t/mkurkzhA.
Also i’d like to change the footer format so that the text for the tag line covers both lines.
Not really sure what you mean by this, could you please post a screenshot and explain what you want to do?
As for the social icons I guess we could just hide the rest with CSS.
Best regards,
Bojan – WPMU DEV
Thanks Bojan. The positioning looks great, i think the logo just needs to be a bit smaller. Do I just play around with the percentage (e.g. 40%) to make it smaller?
For the footer, it currently has the business name and contact details across two lines in the black box. I’d like to format this text so that the address fits on the top line and the contact details are on the bottom line. Does that make sense? If not let me know and I’ll send a screen grab of the footer.
Thank you, almost there!
Amy
Hey again Amy,
You can play with the max width of the image rather then with a holder. So to do this you can try adding something like this
.logo2 img {
max-width: 340px;
float: right;
margin-top: 30px;
margin-right: 20px;
}
This would be the result http://screencast.com/t/pn9n25Fq. You can use values for margin top and right to push it more from the top/right to position it differently.
For the footer issue, I’d suggest adding this text in footer text widget instead. What you can do is add HTML line breaks to parts where you want to break it to new line. Something like this:
GE Sharpe & Company - Cobblestone House 37 Brighton Road South Croydon Surrey CR2 6EB <br>Tel: 0208 680 9520 <br>Email: info@gesharpe.co.uk
After that if you’re not going to add more widgets to your footer we can use CSS to increase the width of that footer widget to make everything display in its own line if that makes sense.
Best regards,
Bojan
Thanks Bojan. This all seems to be working. If we could extend the first widget so the text fits on one line that would be great.
Also what plugin do you recommend for SEO?
Thanks
Amy
Hey again Amy,
I can see that you’ve enabled maintenance mode again so I couldn’t check this on your site, I did check on my sandbox site and the following CSS code should do the trick.
.footer-container .grid_6 {
width: 100%;
}
Please let me know if this works for you (if not please disable maintenance mode so I can take a look) 🙂
Regarding SEO plugins I could suggest the WPMU DEVs Smartcrawl, please note that this is a premium plugin. Aside from this one you can just check them by searching for SEO in the plugins page here
Best regards,
Bojan
Thanks that has worked!
One final question (!), how can i change the header menu from green to black? I’ve had a look through the parent style sheet but can’t seem to find the right bit of code to amend.
I’ve disabled maintenance mode for you.
Thanks
Hey there,
Please try adding the following as well:
#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a, #menu li.sfHover, #menu li.sfHover a {
background: #000;
}
#menu .sf-menu li li a.selected, #menu .sf-menu li li a:hover {
background: #000;
}
#menu .sf-menu li li {
background-color: #000;
}
Hope this helps 🙂
Cheers,
Bojan
