Archived topic
Centering Footer text & image
13 replies · Started by Howard on December 8, 2017
Hi Tom or Leo:
I used this code inside of simple css plugin and just added it into css space plugin area of the customizer
.inside-footer-widgets {
text-align: center;
}
The text (plus small logo image) which is inserted in widget 1…is still in left of footer instead of center.
Now 2 things. I would assume the small text and tiny logo should stay inside WIDGET OF NO/1 FOOTER?
So wondering what might be wrong.
FYI the TEXT IS A TINY BIT OF COPYRIGHT INFORMATION — and it has SMALL Header logo above it INSIDE FOOTER WIDEGET 1
see: https://www.rawassertions.com/ BOTTOM LEFT FOOTER
Thanks
Howard
PS
I’m already assuming the TEXT and IMAGE can’t go into 1 css area??????
Howard
Hi there,
I'm actually not seeing this being added:
.inside-footer-widgets {
text-align: center;
}
You should also try adding the image and copyright as 2 separate widgets under 1 widget area instead of using the caption of the image.
I will try that out.
Also.. would I be correct in assuming that if I opted to CENTER in WIDGET 1 the text ( without the logo caption) it would indeed, move to center ? (Footer Widget has this option) WHY do I NEED CSS if widget has a left-center-right OPTION???
Thanks
Where are you seeing that option?
If you are referring to the footer bar alignment, they are different things.
Yes...after adding the code, the FOOTER WIDGET 1 opens option for left center right placement; for the caption image and text....no need to add them seperately!! Thank so much!
Also: is there a way when I put TOMS social icons on desktop HEADER.,,the icons are on upper right as placed. For mobile they move to above logo (top)
Can they be put on mobile to THE RIGHT SIDE as to be IN LINE with the Logo on left?
thanks
Howard
Hmm I don't think you would have enough room on mobile.
You can add it in first then I can have a look?
Sure... will let you know
Hi Leo /Tom
Will this GP info possibly help get
TOM social icons on RIGHT side of Navigation Menu. ( or must I use fontawsome? Tom’s look better!)
Is below for fontawsome only?)
There’s a couple of steps here:
1. In “Appearance > Menus”, expand the “Screen Options” panel at the top right of the page.
2. Select the checkbox for “CSS Classes”.
3. Now open you menu item, and give it a class we’ll use later – like “your-class-name”.
Now, you can add this CSS:
.your-class-name {
float: right;
}
Thanks
Yeah you can't add widget in menu so FontAwesome should be used here.
This article should explain everything: https://docs.generatepress.com/article/adding-icons-to-menu-items/
Let me know if this helps.
Will try it out- are there color options or size variations available?
We can style them different using similar method here: https://docs.generatepress.com/article/adding-buttons-navigation/
Let me know if you get stuck :)
Hi:
“Adding Buttons in Navigation” article you referred me to.
Will this adjust fontawsome social icon COLOR options and/ or sizing of icons if used in MENU BAR?
Howard
Yup.
You can also add this style to change the size:
font-size: 15px;