Skip to Content Skip to Menu

Add backgroung image to My Profile?

10 years 4 months ago #246622 by TurnOrange
Add backgroung image to My Profile? was created by TurnOrange
I would like to add a background image to the My Profile page.

My question is how?

Thank you.

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48479
  • Thanks: 8282
  • Karma: 1443
10 years 4 months ago #246639 by krileon
Replied by krileon on topic Add backgroung image to My Profile?
You'd need to have an image field that a user can upload a background image to. Then you'd need to write custom CSS to absolute position it and stretch it to fill the entire profile div. The profile div would need to be relative so it won't go outside of the profile display.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in or Create an account to join the conversation.

10 years 4 months ago #246642 by TurnOrange
Replied by TurnOrange on topic Add backgroung image to My Profile?
Thank you for your reply.

I want to use a single image in the default Joomla image directory.

I am looking for how to achieve this, as in the actual css, I can't imagine this is something new.

Can you provide the css, point me to an example or provide the proper area for this type of support?

Thank you.

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48479
  • Thanks: 8282
  • Karma: 1443
10 years 3 months ago #246674 by krileon
Replied by krileon on topic Add backgroung image to My Profile?
If it's a single image then you could do something like the below.

Code:
.cbProfile { background-image: url('URL_TO_IMAGE'); background-size: 100%; }

The above is just an example. If you supplied it an image URL it'd stretch the image to fill the entire profile div. I recommend adding custom CSS to your Joomla template CSS file as it changes less often and less likely to lose your changes on updates.

For further CSS usage please see the below tutorials.

www.w3schools.com/css/default.asp


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in or Create an account to join the conversation.

Moderators: beatnantkrileon
Powered by Kunena Forum