Hi,
Can you please provide me with a CSS code to have more control over the position of a standard image rather than just the standard center, left or right alignment options? If there is something that could give me control over the left, right, up, down position that would be perfect.
Thanks in advance for any help.
Cheers,
Lucas
Hey Lucas,
The options in the layout builder is all that is available, beyond that you would need custom CSS but I’m not sure exactly what you are trying to achieve. Could you post a link to an example image and how you would like to change it please?
Best regards,
Rikard
Hi Rickard,
Thanks for your reply, I don’t really have an example image. I will try and explain what I am trying to do at the moment. I have a Colour Section Layout Element that I have stretch across the screen and I have put a standard Media Element Image inside and right aligned the image. I would like it if this image was further to the right, is this something that is possible?
Let me know if you need me to explain this further or try and hunt out an example image somewhere. Thanks again for the help.
Cheers,
Lucas
Hi Lucas,
Thanks for the feedback. I replicated the layout you mentioned on my local installation, but you can’t really get a right aligned image more to the right without custom CSS. The reason is that all content within a Color Section will be within the container element. You can add an ID to your Color section, for instance my-section. Then you can use CSS like this to make the container go full width within the Color Section:
#my-section .container {
max-width: 100% !important;
}
Best regards,
Rikard