Recent
Categories
View Replies (6)

Centering of Logo Image on the Chelsea Template

  1. Issue
0
Votes
Undo
  1. smithjd44
    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
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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
smithjd44
smithjd44
Sherlock Holmes
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
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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
smithjd44
smithjd44
Sherlock Holmes
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
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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!