Enlarge and center the theme logo of the forum

For support and discussion related to templates and themes in phpBB 3.3.
Post Reply
Ercan Yılın
Registered User
Posts: 62
Joined: Tue Jul 21, 2020 12:23 am

Enlarge and center the theme logo of the forum

Post by Ercan Yılın »

friends, my forum is ready, but finally I want to enlarge and center the main page theme logo a little. How can I do?
Last edited by Ercan Yılın on Wed Apr 21, 2021 10:43 am, edited 2 times in total.
User avatar
halil16
Registered User
Posts: 1266
Joined: Fri Jul 24, 2020 11:30 pm
Location: Turkiye
Name: Halil
Contact:

Re: Enlarge and center the theme image of the forum

Post by halil16 »

What is theme picture? Is it the logo?
* Hire me at fiverr for your phpBB board.
"The day we will need ideas more than possessions, we will find the secret to true wealth." - Peyami Safa
I'm learning English...
Contributions: #Hashtag, Elegance, Latte
Ercan Yılın
Registered User
Posts: 62
Joined: Tue Jul 21, 2020 12:23 am

Re: Enlarge and center the theme image of the forum

Post by Ercan Yılın »

halil16 wrote: Tue Apr 20, 2021 5:42 pm What is theme picture? Is it the logo?
yes logo.i mean site logo.
bu arada bende türküm türkçe konuşabilirsin :)
User avatar
halil16
Registered User
Posts: 1266
Joined: Fri Jul 24, 2020 11:30 pm
Location: Turkiye
Name: Halil
Contact:

Re: Enlarge and center the theme image of the forum

Post by halil16 »

OMG! :)
Hangi stili kullanıyorsunuz? / Which style do you use?
* Hire me at fiverr for your phpBB board.
"The day we will need ideas more than possessions, we will find the secret to true wealth." - Peyami Safa
I'm learning English...
Contributions: #Hashtag, Elegance, Latte
User avatar
Mannix_
Registered User
Posts: 1838
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt
Contact:

Re: Enlarge and center the theme image of the forum

Post by Mannix_ »

what do you want to do about site name and the search-bar after the image is centered ?
Did I helped You? Consider a donation.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
Ercan Yılın
Registered User
Posts: 62
Joined: Tue Jul 21, 2020 12:23 am

Re: Enlarge and center the theme image of the forum

Post by Ercan Yılın »

halil16 wrote: Tue Apr 20, 2021 9:20 pm OMG! :)
Hangi stili kullanıyorsunuz? / Which style do you use?
wastelandı kullanıyorum.logoya sağ tıklayıp incele dedikten sonra hangi ayarlamaları yapacağımı bilmiyorum.
Ercan Yılın
Registered User
Posts: 62
Joined: Tue Jul 21, 2020 12:23 am

Re: Enlarge and center the theme image of the forum

Post by Ercan Yılın »

Mannix_ wrote: Wed Apr 21, 2021 6:42 am what do you want to do about site name and the search-bar after the image is centered ?
The site name is above the logo. The search bar is at the bottom left.
User avatar
HiFiKabin
Community Team Member
Community Team Member
Posts: 6673
Joined: Wed May 14, 2014 9:10 am
Location: Swearing at the PC, UK
Name: James
Contact:

Re: Enlarge and center the theme image of the forum

Post by HiFiKabin »

Ercan Yılın wrote: Wed Apr 21, 2021 10:12 am
Please remember that this is an English Speaking board, also keep in mind that we have a six hour bumping rule. All team members and community members here are volunteers, so we ask you to wait at least six hours before bumping your topic or, if no-one has replied to your last post, edit your last post. Thanks!
User avatar
Mannix_
Registered User
Posts: 1838
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt
Contact:

Re: Enlarge and center the theme image of the forum

Post by Mannix_ »

First we gonna move search box to bottom left by changing in colours.css

Code: Select all

.search-header {
    box-shadow: 0 0 10px #765239;
    position: absolute;
    right: 0;
    bottom: 25%;
}
to

Code: Select all

.search-header {
    box-shadow: 0 0 10px #765239;
    position: absolute;
    left: 10px;
    bottom: 10px;
}
then to center the image and site name

in common.css find

Code: Select all

.site-description {
    float: left;
    width: 65%;
    width: 100%;
}
and change to

Code: Select all

.site-description {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}
last thing find

Code: Select all

.site-description h1 {
    margin-right: 0;
}
and change to

Code: Select all

.site-description h1 {
    margin-right: 0;
    margin-top: 0;
}
After making changes don't forget to purge your browser cache ctl+f5
Did I helped You? Consider a donation.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
Post Reply

Return to “[3.3.x] Styles Support & Discussion”