[Resolved] Short Descripcion

Home Forums Support Short Descripcion

Viewing 15 posts - 1 through 15 (of 18 total)
  • Author
    Posts
  • #1058863
    casimiro

    I have the title of the site, but I also want to put a short description. How can I adjust the site of it where to put it and the typography and color of it?
    Now I have it with the phone number but I don’t know how to position it in another place.
    Not with widgets

    #1058869
    Leo
    Staff
    Customer Support

    Hi there,

    Not sure if I fully understand.

    The site description is usually added by site tagline which is where you are adding the phone number currently.

    Where would you actually like to add it?

    #1058923
    casimiro

    I would like to right above the two social widgets, but also change the color and typography.
    Is this possible?

    #1058961
    Leo
    Staff
    Customer Support

    Then the header widget should be the method.

    What issues were you having? Can you show me?

    #1059303
    casimiro

    If I put a widget, the others are moving and I don’t know how to fix them, leave them where they are.
    If I put the widget text and move the padding in aditional CSS, everything moves too and I want it like this but on top of the social icons, without moving the image or the icons.
    Besides being able to change color.

    #1059737
    Leo
    Staff
    Customer Support

    Might just not be enough space there.

    Maybe try a top bar widget?
    https://docs.generatepress.com/article/top-bar-widget-area/

    #1059777
    casimiro

    It’s not a good idea.
    How it’s that I can’t change anything in the short description?
    I can’t believe it.
    Not even with CSS? 🙁

    #1059785
    Leo
    Staff
    Customer Support

    We can definitely use CSS to change something like colors etc.

    Is this where you want the short description to go?

    It just doesn’t look like there is enough space there.

    If you want to actually want the desired content in, I can tackle some CSS so that it takes as little room as possible.

    #1059854
    casimiro

    But on the left as a short description or as a widget on the right?
    Can’t really move and adjust? 🙁

    #1059855
    Leo
    Staff
    Customer Support

    Is this where you want the description to go?
    https://www.screencast.com/t/eOgbzV2jRcTO

    If so then add it as the header widget first.

    #1059862
    casimiro

    That’s it, it looks awful
    Thanks

    #1060062
    Tom
    Lead Developer
    Lead Developer

    I think we need to tweak how the HTML is set up in order to achieve this. Let’s go through some steps here, then we can tweak it with CSS.

    1. Remove the image from the header widget, and upload it as the site logo in Customize > Site Identity.

    2. Remove this custom CSS:

    .header-widget {
        display: flex;
        align-items: center;
    }

    Once you do that, I can write some CSS for you 🙂

    #1060197
    casimiro

    Done
    Now we have to be able to move the widgets and the logo
    Thanks Tom

    #1060824
    Tom
    Lead Developer
    Lead Developer

    Give this a shot:

    .site-logo {
        order: 2;
        margin-left: auto;
        margin-right: auto;
    }
    
    .header-widget {
        order: 3;
        padding: 20px;
    }
    
    .inside-header {
        align-items: center;
    }
    
    .header-widget .widget {
        margin: 0;
        padding: 0;
    }
    
    .header-widget .widget_lsi_widget {
        padding: 0;
    }
    #1060956
    casimiro

    I have put the code but I have changed
    .site-logo {
    order: 2;
    margin-left: auto;–> set to 0
    margin-right: auto;–> set to 0
    }
    And I have removed some code but I think something else is left over.

    .inside-header {
    display: flex;
    }
    .site-branding {
    padding: 35px;
    order: 1;
    margin-right: auto;
    }
    .header-widget .rl-image-widget {
    padding: 10px;
    }
    .header-widget .widget_lsi_widget {
    padding: 30px;
    }
    .wp-caption-text {
    text-align: center;
    font-weight:bold;
    }
    .site-logo {
    order: 2;
    margin-left:0;
    margin-right:0;
    }
    .header-widget {
    order: 3;
    padding: 20px;
    }
    .inside-header {
    align-items: center;
    }
    .header-widget .widget {
    margin: 0;
    padding: 0;
    }
    .header-widget .widget_lsi_widget {
    padding: 0;
    }
    It’s possible to upload the site title a bit?

    thanks

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