$el{float:left;} does not apply in footer

Support
#1

Hey there,
I’d like to rebuild a section from a page in the footer editor. however $el{float:left;} does not apply to my desired text. Please take a look.
Thanks for your help!

#2

Hi there,

There is a inline CSS that adds a left padding to the text in those text elements:

Please edit the text content in HTML mode and remove the inline CSS.

Hope this helps.

#3

thank you but this did not help
the orange text is still not inline with the grey text

#4

Hi There,

I recommend you to use the columns shortcode instead of inline CSS.

Please add the following shortcodes to your text element:

[column type="1/2"] Adresse [/column] [column type="1/2" last="true"]Provinostraße 52 Halle B3 86153 Augsburg[/column]

For more information, please take a look at this article:

http://demo.theme.co/integrity-1/shortcodes/columns/

Hope it helps :slight_smile:

#5

okay I replaced the text with the column shortcodes

#6

Hi there,

Please edit the width and max-width settings of the three text elements in the footer and set the width to 100% and the max-width to around 500px. Feel free to adjust the size of the max-width.

Also, please add this code to the Global CSS:


p:empty {
    display: none;
}

Hope this helps.

#7

Thank you this worked, the section is still displayed weirdly on smaller screens. how can I handle this?

ok got it by setting fill space equally in the right collumn

#8

Hi @zerotoone.de,

It appears okay on mobile, do you mean the image should be wide as on the desktop?

Thanks!

#9

there is still one thing, I need the layout of the columns to be 1/3+2/3
and they need to be stacked when the screen is smaller, right now this footer row stays in line and the image on the right just gets smaller

#10

To achieve that, enable the Bar’s Flex Wrap under Flex Layout.

Then, set each of the container’s Self Flex to the following values.

You might want to add a Gap element above your image that will show only in phone screens to have space above the image.

Hope that helps.

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.