-
Posts
-
Hi good people
I’m trying to center an image and text within a one col footer and I don’t seem to be getting anywhere with
.footer_logo {
display:block;
margin-left:auto;
margin-right:auto;
width: 100%;
}
.footer_text {
margin-left: auto;
margin-right: auto;
width: 2560px;
}
the above 2 divs are in an html widget. which I can’t seem to target whatever I try it remains on the left? – can you help?
Thanks
SteveHey Steven,
Add this to the very top of your quick css:
.footer_color div{
width:100%!important;
}.flex_column.first.el_before_{
text-align:center!important;
}Best regards,
Jordan ShannonHi Jordan
Thanks for a quick reply! that fixed it!
Could you also help with why I can’t seem to target the 4 icon type images in the mauve color section (after the tweets).it works with :-
/* control size of link graphics*/
#front_page_links img {
width: 50% !important;
margin: auto;
padding-top: 10px;
}
on an iphone resolution.
but applying to other device sizes – they remain at 100%? I’ve tried using individual image classes but still the same. Ideally I’d like them to shrink with everything else (as the photos do) without putting any css in?best regards
Steve
Hi,
What exactly are you looking to do with that section? Do you need to shrink them in size?
Best regards,
Jordan ShannonHi Jordan
Yes they should reduce as the site reduces – they have been set at a size for the largest screen size (2560 x 1600) but they don’t seem to want to reduce.
I targeted them on an iphone and smaller with
/* control size of link graphics*/
#front_page_links img {
width: 50% !important;
margin: auto;
padding-top: 10px;
}
But when I apply this with media queries for ipad – it doesn’t seem to work.? They stay at the maximum size.Cheers
Steve
Hi,
You need to include the code inside Media Queries
https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queriesso it can change based on the screen size!
Best regards,
Basilis
- You must be logged in to reply to this topic.