Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1427695

    Hi,

    Is there any CSS to make the footer widget column widths the same width. I have 4 coumns.
    I can`’t see any setting for this in Advance Styling.

    Thanks

    #1427699

    Hey woogie07,
    The footer widget columns should already be equal widths, if you have 4 columns the theme use this css:

    div .av_one_fourth {
        margin-left: 6%;
        width: 20.5%;
    }

    Note that the first column has no left margin but the width is the same as the other columns. Try disabling your custom css or plugins and see it changes.
    See our demo here
    Enfold_Support_4036.jpeg

    Best regards,
    Mike

    #1427715

    Thanks

    Is there any styling/css for this?
    Fine keyline under the Widget title (same width as column)

    Thanks

    #1427717

    Hi,
    Perhaps we can assist with some css if you link to your page so we can examine, I’m not sure what you mean by keyline, so perhaps a screenshot or mockup of your desired outcome would help.

    Best regards,
    Mike

    #1427723

    Hi,

    See screen shot in private

    Thanks

    #1427726

    Hi,
    Thanks for the link to your page, when I examine your footer widgets they are all the same width:
    Enfold_Support_4058.jpeg
    the widget that is highlighted looks smaller because it has 7 links on 7 lines so it doesn’t look wide, but it’s the same.
    If you want a line under the widget titles, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #footer .widgettitle {
    	text-decoration: underline;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1427749

    Thanks

    That CSS just underlines the heading copy and noit the column width and there is no space in between the heading and line.

    #1427762

    Hi,
    Sorry I thought you wanted a line under the heading.
    The columns are all the same correct widths, please explain further what you are expecting for the column widths.
    Perhaps a mockup would help.

    Best regards,
    Mike

    #1427764

    Hi Mike

    You can se what I am trying to achieve in the screen capture link in Private

    Thanks

    #1427768

    Hi,
    Thanks I see the underlines, but the column width looks the same, so do you aggree that the current column widths are correct and we don’t need to adjust them?

    Best regards,
    Mike

    #1427772

    Yes, the widths are right.

    My question is on the full column width line as per the screen capture layout I sent. See my earlier note.

    Thanks

    #1427823

    Hi,
    Please remove the css above and try this css instead:

    #footer .widgettitle {
    border-bottom: solid 1px;
    padding-bottom: 10px;
    }

    Best regards,
    Mike

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.