[Support request] how to positioning text and picutre widget in header

[Bruce Wayne]

how to positioning text and picutre widget in header

[Bruce Wayne]

here is my site , i want to move text widget to the center and stick picture widget at the right side

[Elvin]

Hi,

You can try adding this CSS:

@media(min-width:769px){
.header-widget {
    position: absolute;
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: flex-end;
}

aside#text-15 {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}
}

This will be the result: https://share.getcloudapp.com/mXu518wN

A wise man once said:
"Have you cleared your cache?"

[Bruce Wayne]

working , also how to move the right picture widget a bit right about 10px ?

Thanks.

[Elvin]

working , also how to move the right picture widget a bit right about 10px ?

Thanks.

add this CSS:

aside#media_image-16 {
    margin-right: 10px;
}

A wise man once said:
"Have you cleared your cache?"

[Bruce Wayne]

working , last question how to shift it below about 10px ?

[Bruce Wayne]

also how to check what widget name is ??

like text-15 and media_image-16

[Bruce Wayne]

Hi Elvin before is my dummy site but when i’m going to adapt with my site its not showing properly can you check ? here is my site for now

[Elvin]

also how to check what widget name is ??

like text-15 and media_image-16

You can inspect the page source for its DOM structure by right clicking the page and clicking “Inspect”.

https://developers.google.com/web/tools/chrome-devtools/open#:~:text=the%20DevTools%20UI.-,Open%20the%20Elements%20panel%20to%20inspect%20the%20DOM%20or%20CSS,the%20element%20and%20select%20Inspect.&text=Or%20press%20Command%20%2B%20Option%20%2B%20C,%2C%20Linux%2C%20Chrome%20OS).

A wise man once said:
"Have you cleared your cache?"

[Elvin]

Hi Elvin before is my dummy site but when i’m going to adapt with my site its not showing properly can you check ? here is my site for now

You may have broken the CSS syntax when you added:

aside#media_image-16 {
    margin-right: 10px;
}

I’ve checked your site and its missing a }. Also, you’ve changed the top property value of #text-15 to 400% and the dimensions of #media_image-16 to 1×1.

A wise man once said:
"Have you cleared your cache?"

[Bruce Wayne]

i think the syntax is now good , can you please check it’s still now showing properly

[Bruce Wayne]

sorry it’s still not !! showing properly

[태석]

Site library of “service” is being used.
The title logo on the mobile screen is not changed.
It does not change in the site identity.
Is there a solution?

https://www.sky-car.kr/

[David]

Hi @x700face can you raise a new topic where we an help directly with your issue.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Bruce Wayne]

any update for this ?

[Author]

Posts