1. smithjd44
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 11 June 2019
  5.  Subscribe via email
I have a website built with the Chelsea template located at https://prayerinfo.org.

My client wants the Prayer Book images and surrounding text to be centered in the header.

I would appreciate the custom CSS code that would center the logo image in the header on a desktop view but also would be centered and responsive on the mobile view.

Thank you!

James
References
  1. https://prayerinfo.org
Accepted Answer Pending Moderation
0
Votes
Undo
Hi James

To amend you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

#logo {
position: relative;
}
#container_header .wrapper960 {
display: flex;
align-items: center;
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
I tried adding the code into the Custom CSS template but it didn't center the desktop view.

The mobile view is still centered.

Do you have other suggestions?

I do appreciate you looking in the issue.

James
References
  1. https://prayerinfo.org
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi James

My apologies. Use the following instead...

#logo {
position: relative;
}
#container_header .wrapper960 {
display: flex;
justify-content: center;
align-items: center;
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
I tried the code which I couldn't find the difference between it and the first code and it is still not centered.

I may have missed an important element.

James
References
  1. https://prayerinfo.org
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hi James

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you James

Your logo should be now centering correctly.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!