footer modifications

mindaugasma

Hello how do i achieve teh same look of the footer in joomla like in this pycture above?
Would be glad for your help 🙂

Manit

Hi mindaugasma
I see your site has a 4 columns footer section, it is the same as the image you share.
Next, you can add the content for each column.
For the color, you can customize the style in the custom.css file. I saw you already added the CSS:

#t3-footer {
background-color: #4b384c !important;
}

I am not sure what part we can help with your request.

Best regards.

mindaugasma

The problem is that when i insert the pyctures i get the line above the pycture, how do disable this, and achieve the same footer without the upper lines 🙂

Manit

Hi mindaugasma
You can try to disable the module title, then the upper line will disappear.
In case you still want to have the title, but remove the upper line, please use the custom css:

#t3-footer .footer-header {
border-bottom: none;
}

You can add all the content you want to the footer section and let us know, we can provide custom CSS so it can be similar to the image you sent.

Best regards.

mindaugasma

Hello Man, i added content to footer, so you could send the custom css file, that the aligment would be the same as i sended in the image 🙂 Thanks 🙂

mindaugasma

But one problem is in mobile menu footer showing like this ;/

And i donw know how to make it mobile friendly liek thi:

cssyeah

Hi @mindaugasma
I improved style for footer layout when view on mobile. You can see all CSS rules in the bottom of the custom4.css file. Please reload your website to view all changes.

mindaugasma

Thanks a lot cssyeah 🙂 but how to aplay the same fix to english language page of footer besause its showing like wat in LT language 🙂

saguaros

We added some classes for the custom module in footer for LT language, I just added the same for EN footer module:

Kindly check.

mindaugasma

Thanks a lot for your team work 🙂 You can close the ticket 🙂