[Resolved] Short Descripcion

[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

[Leo]

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?

[casimiro]

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

[Leo]

Then the header widget should be the method.

What issues were you having? Can you show me?

[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.

[Leo]

Might just not be enough space there.

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

[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? 🙁

[Leo]

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.

[casimiro]

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

[Leo]

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.

[casimiro]

That’s it, it looks awful
Thanks

[Tom]

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 🙂

[casimiro]

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

[Tom]

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;
}

[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

[Author]

Posts