Footer : bullet / line spacing / column width issue

First, let’s bear in mind that all the “issues” you mentioned relate to your theme. And all these “issues” you mentioned are actually exactly how the the theme is designed.

But, of course, you can overide the theme author’s intensions customize the design as you desire.

I have been browsing several forums, and I am not familiar with CSS and have been trying a few lines of codes. I understood I have to add a few lines of code in appearance / customize / additional css

The thing to understand is that these “few lines of [CSS] code” are specific to the theme/site that the code was written for. So picking random CSS code form the intertubes and applying it to your site is not likely to get you any results, unless you can tweak the code for your own site.

– there is a bullet point in front of each page / article link, I would like to erase it, to make it clearer

Try:

.site-footer ul li a:before {
display: none;
}

– the columns do not have the same width, i would like to fix it

@media screen and (min-width: 992px){
.site-footer .column-4 .column-wrapper {
    width: 24.75% !important;
}}

Note: The widths of the 4 colums in the footer were 33%, 22%, 22% and 22%, making 99% total. The code above just distributes this 99% evenly among the 4 columns.

After applying the code above, it may seem as though the columns are still not equal. But actually, they are: it’s just that the content in the different columns have different widths. See the screenshot below, where I installed the theme and tested the above code.

– there are some line spacing issues

What exactly do you mean by “some line spacing issues”? If you need help with this, you’ll have to clearly explain what you want.

Good luck!

Hi George !

I was not expecting such a quick, friendly and professional answer.

I do thank you, George, VERY MUCH for the lines you provided me with and that work JUST perfectly ??

Yes I have been trying a few lines of codes, but I am not familiar with finding the designation of the item to change and then the formatting CSS. At least I tried on my own the correct designation of an item, .site-footer.

For the line spaces, on the top left and on the top right, two line spaces are smaller (that is to say between the lines “Qui-sommes nous” and “Notre philosophie” and the other two on the top right, between “Carrière” and “Candidature” than for the rest of the other lines. I do not know how to fix this either.

Thanks

Kind regards

For the line spaces, on the top left and on the top right, two line spaces are smaller (that is to say between the lines “Qui-sommes nous” and “Notre philosophie” and the other two on the top right, between “Carrière” and “Candidature” than for the rest of the other lines. I do not know how to fix this either.

Try:

.site-footer ul.children {
margin-top: 15px;
}

Note that this is only happening where we have nested lists (ie a list inside a list). This is the case where we have parent and child pages (“Notre philosophie” is a child or sub-page of “Qui-sommes nous”, and “Candidature” is a child or sub-page of “Qui-sommes nous”).

Good luck!

dear George,

I appreciate very much your support and your professionalism. It all works best.

Have a good day

Kind regards
Thomas