Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #824825

    Currently, on my site at the very bottom, I have some text in the socket area “Serving: Houston | College Station | San Antonio | Austin | Bryan TX and surrounding areas.” (in a script font). I would like to move that text above into the bottom of the footer but have it span the full width across all 4 footer sections. How do I achieve that?

    #824866

    I managed to figure this out for the most part by using the following:

    #footer:after {
    content: ‘Serving: Houston | College Station | San Antonio | Austin | Bryan TX and surrounding areas.’;
    margin-left: 12%;
    font-size: 30px;
    font-weight: 100;
    text-align: center !important;
    letter-spacing: 2px;
    padding-bottom: 0px;

    }

    However, I cannot get the text to center? How do I achieve that?

    #824880

    Hi,

    Try removing the left margin:

    margin-left: 12%;

    and add:

    display: block;
    width: 100%;

    Hope this helps :)

    Best regards,
    Nikko

    #824931

    thanks

    I now added more text and it shows up wrong

    how do i keep the text within the container of the site? now the texts are too far out on both right and left sides
    screenshot – http://imgur.com/a/Qzihs

    Also, how would I go about bolding certain words. I noticed the html tags does not work with this css code.I would like to make the words “Oh Snap Selfie Photo Booth” bolded

    Thanks

    #829139

    any update please?

    #829151

    Hi,

    That is actually not really a good solution. We would recommend you to go to Enfold theme options > Footer and change footer column count to 5, add your content into 5th footer column in Appearance > Widgets and then to add following code to Quick CSS and adjust the values as needed

    #footer .flex_column:nth-child(5) {
        width: 100%;
    }
    #footer .flex_column:not(:nth-child(5)) {
        width: 20.5%;
    }

    Best regards,
    Yigit

    • This reply was modified 6 years, 8 months ago by Yigit.
    #829202

    That works but on mobile the widgets are not stacked ontop of eachother. How do I fix that?

    #829212

    Hey!

    You can add following code to Quick CSS as well to fix that

    @media only screen and (max-width: 990px) {
    #footer .flex_column { width: 100% !important; margin-left: 0 !important; }}

    Best regards,
    Yigit

    #829217

    Sorry, that did not work :(

    #829222

    Hi,

    Please change the code to following one

    #footer .flex_column:nth-child(5) {
        width: 100%;
        margin-left: 0; 
    }
    #footer .flex_column:not(:nth-child(5)) {
        width: 20.5%;
    }
    @media only screen and (max-width: 990px) {
    #footer .flex_column { 
        width: 100% !important; 
        margin-left: 0 !important; 
    }}

    If it still does not work, please create a temporary admin login and post it here privately so we can look into it

    Best regards,
    Yigit

    #829224
    This reply has been marked as private.
    #829230

    Hi!

    You added !important rule to following selectors width

    #footer .flex_column:not(:nth-child(5))

    I removed it and that helped. Please flush cache and review your website

    Cheers!
    Yigit

    #829237

    Thank you so much!

    #829243

    Hi!

    You are welcome! Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Make footer text span across all widgets’ is closed to new replies.