Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 16, 2021 at 9:30 pm #1281537
    Tigger22

    How do I independently resize the footer widget widths?
    I would like to decrease the width of my first three columns, and increase the width of the fourth and fifth columns to accommodate the bigger graphics in those columns, if possible? My badges ideally can be much closer together.
    Or, would it be better overall to use a plugin such as SiteOrigin Widgets Bundle?

    February 17, 2021 at 1:31 pm #1281716
    Victoria

    Hey Tigger22,

    Well, you can put the images in one column and make the footer be 4-column. You will get wider columns and we can reduce the margin between them. What do you think?

    Best regards,
    Victoria

    February 17, 2021 at 3:58 pm #1281764
    Tigger22

    I had 4 columns and the badges were all in a vertical line. I know I will be adding another badge so I added the fifth column to make it more symmetrical. Is there not a way to control the column width?

    February 17, 2021 at 4:21 pm #1281773
    Yigit

    Hey,

    Thanks for contacting us!

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab and adjust the values as needed 

    
#footer div .av_one_fifth:not(:nth-child(5)) {
    width: 13%;
}
#footer div .av_one_fifth:nth-child(5) {
    width: 24%;
}

    13% is the width of the first 4 column and 24% is the width of the last column. The total has to be equal to 100% including 6% of margin 4 of the 5 column has :)

    Best regards,
    Yigit

    February 17, 2021 at 4:45 pm #1281798
    Tigger22

    Nice! Thanks!
    How would I annotate the columns individually if I chose to do that?

    February 17, 2021 at 4:49 pm #1281804
    Yigit

    Hi,

    You can use following code and change the number in the selector

    #footer div .av_one_fifth:nth-child(1) {
    width: 24%;
}

    This (1) would target 1st column :)

    Best regards,
    Yigit

    February 17, 2021 at 6:19 pm #1281844
    Tigger22

    Brilliant! That works perfectly; thanks!

    February 17, 2021 at 6:50 pm #1281857
    Yigit

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Adjust footer widget width’ is closed to new replies.