Footer Column Alignment
-
This forum has been immensely helpful – thank you especially to Hannah, who provided a great deal of super stylin’. With these themes it’s so difficult to find the class and id codes for things, which leads me to my questions:
This is my website: http://www.stephaniebastek.com/istreetdog/
In the footer, I’d like to:
(1) add more padding to the left (between the “Contact Us” column and the footer edge)
(2) widen the margin for the links under “Learn more” (so that they are one lines instead of being forced onto three)
(3) change the background color for the links under “Learn more”Thank you for any and all help!
-
Hey, thanks for the kind words. Happy to help!
1) Add this to your custom css box:#containerfooter .col-md-4 { padding-left: 80px; }2 and 3) This should work:
#containerfooter .menu li a { max-width: 260px; margin-left: -25px; background: #999; }Hannah
Hannah, thank you, that was just the code I needed! It’s beautiful now. In case I want to change it later, is there any way to get those items in the third column to be styled as an unordered list?
PS: Are you one of the developers for this theme? Do you have a cheat sheet with id/class codes for all the various sections? That would be extremely helpful.
You can edit the arrangement of the third column menu in appearance > menus. Is that what you mean?
I am not a developer (not yet anyway), I just help with support. This site has been really helpful for me: http://www.w3schools.com/css/css_selectors.asp
Happy Friday!
HannahThanks Hannah, that’s super helpful.
In testing the site, I came across a problem. In the portfolio navigation, when I use the navigation arrows (back/next) it links to any old portfolio item, regardless of category. This is no good, because visitors might think that dogs who’ve already been adopted (category “Happy Tails”) are actually available (“Available for Adoption”). I could eliminate the display:
.portfolionav {
display: none;
}But I’d like people to be able to see click through easily to all of the dogs available for adoption. Any way to change that? Thanks!
Oh, and one more thing. I assumed this wasn’t possible, but maybe it is. Can I add a second portfolio carousel to the homepage? Right now there’s only one (“Success Stories”) but if possible I’d like to have both of those categories up there.
Hey,
1. portfolio navigation. This is only possible with the premium theme, not with the free sorry.
2. two portfolio carousel, this is also only possible with the premium version not with the free sorry.As for a list of css variations, there really isn’t any practical way to set this up. The list would be too long to the point that it wouldn’t be helpful. What you can do and is very easy to get the hang of is right click on an element while using chrome or firefox and in the popup window click “inspect” a tool section will appear and on the right you can see what css is applying to the different elements. That can help you find what selector you need to use.
Kadence Themes
Thanks for the tip about Inspect Element – not sure why that wasn’t clear to me before.
A shame about the portfolio navigation. I tried to modify the php file using WordPress’s codex to no avail
again, the option is built into the premium theme π
Kadence Themes
I appreciate the plug, and would buy it, but that $49 is something I’d rather went to the shelter dogs. π
PS I just posted another issue I’m having, with the icon menu on the front page
https://ww.wp.xz.cn/support/topic/icon-menu-descriptions-1?replies=1#post-6143982
The topic ‘Footer Column Alignment’ is closed to new replies.
