Footer: Social media icon

Hi,
As I understand you want the footer columns to line up on the left with the line above Ring til os
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#footer .flex_column.av_one_fourth:first-child {
	padding-left: 40px;
}

Please see the screenshot in the Private Content area.
I posted the css to underline your lines in two other threads, but here it is again:

#top a:hover {
text-decoration: underline;
}

Best regards,
Mike

Hi,
The footer is four columns but the section above is three columns, can you make the footer three columns so they will be the same width and line up?

Best regards,
Mike

Hi,
Can you add the logo to the third column? It doesn’t have much information in it.
If you need to have a fourth column for the logo then add it back and I will try to offer some css to line up the other 3 columns, but it will probably move the fourth column with the logo close to the right edge of the screen.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#footer .flex_column.av_one_fourth:first-child {
	width: 33%;
}
#footer .flex_column.av_one_fourth:nth-child(2) {
	width: 33%;
	margin: 0;
}
#footer .flex_column.av_one_fourth:nth-child(3) {
	width: 20%;
	margin: 0;
}
#footer .flex_column.av_one_fourth:nth-child(4) {
	width: 10%;
	margin: 0;
}
#footer .flex_column.av_one_fourth .widget {
	width: 80%;
}
#footer .flex_column.av_one_fourth:nth-child(4) .widget {
	width: 100%;
}

After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area of the expected results.

Best regards,
Mike

Hi,
Thanks for the screenshot, but I can not read the comments in red, can you change them to English?
It looks like the three columns with the green bars are going to have a maximum width with a minimum distance between them and the rest of the page is depended on this, what are the column widths and distance between the columns?
Currently you are using 1/3 columns so I guess these columns need to be customized to a new width?
What is the margin width from the green bar to the outside edge of the logo, what is the max width of the page?
The distance from the outside edge of the logo to the edge of the screen won’t always be the same, correct, this will be the difference between the max page width and the screen resolution. Or is it the other way around where these are fixed widths the three columns in the middle adjust smaller as the screen gets smaller?

Best regards,
Mike

Hi,
Thanks for the feedback, I guess I was looking at the three columns with the green bars above them:

are these a fixed width in px or percentage? and how much space is between them? Currently you are using 1/3 columns and there is not much space between them.

I think that this css will make the space between the columns about right:

#top.home #av_section_2 .flex_column_table.av-equal-height-column-flextable .av-flex-placeholder {
    width: 10%;
}

Then to line up the left edge of the first green bar with the inside on the logo, try changing the max container width at Enfold Theme Options ▸ General Layout ▸ Dimensions ▸ Maximum Container width, it looks like it is 1310px right now, try 1625px:

(I hid the slider in my screenshot to show the elements better)

Best regards,
Mike

Hi,
We will leave this open to hear back from you.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike