Skip to Content Skip to Menu

🕒 Save Time and Effort with CB Editor Assistant: Effortlessly create and refine content in Joomla 3, 4, & 5.
🎁 Limited Offer: Enjoy a 5-day FREE trial and save up to 30% afterward!

Want to add a header image to a profile tab

  • rklein
  • rklein
  • OFFLINE
  • Posts: 57
  • Thanks: 0
  • Karma: 0
11 years 8 months ago #227203 by rklein
I would like to add a header image to each of my tabs on our clients profile pages. You can refer to how I would like it to look by referring to:

wedanet.com/index.php/cb/userprofile/dumas

and click on the See Our News Headlines tab.

Do you have any suggestion or places to point me?

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

  • nant
  • nant
  • OFFLINE
  • Posts: 12339
  • Thanks: 1467
  • Karma: 877
11 years 8 months ago #227214 by nant

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

  • krileon
  • krileon
  • ONLINE
  • Posts: 48700
  • Thanks: 8317
  • Karma: 1447
11 years 8 months ago #227234 by krileon
Replied by krileon on topic Want to add a header image to a profile tab
CSS is probably the best solution as most plugin tabs don't allow fields on them so you wouldn't be able to use a delimiter field. Below is an example of how to add an image to every tab (using your above site as example).
Code:
.cbProfile .tab-pane .tab-page .tab-content:before { background-color: red; display: block; height: 50px; content: ""; margin: 10px; }

You'll notice with the above at the top of every tab will be a red block. You can change background-color to background-image, etc.. and supply whatever image you like there.

Another create thing is is you can have a unique background using this CSS at the top of every tab based off the tab simply by using the tab id instead of the generic class. For example the below will only add to the "Request Information" tab using its tab id.
Code:
.cbProfile .tab-pane .tab-page #cb_tabid_52:before { background-color: red; display: block; height: 50px; content: ""; margin: 10px; }

You're basically replacing ".tab-content" with "#cb_tabid_52" where "52" is the tab id.


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.

  • rklein
  • rklein
  • OFFLINE
  • Posts: 57
  • Thanks: 0
  • Karma: 0
11 years 8 months ago #227244 by rklein
Replied by rklein on topic Want to add a header image to a profile tab
Thanks... so what file do you add that CSS code to and where?

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

  • krileon
  • krileon
  • ONLINE
  • Posts: 48700
  • Thanks: 8317
  • Karma: 1447
11 years 8 months ago #227250 by krileon
Replied by krileon on topic Want to add a header image to a profile tab
Suggest adding to your Joomla template CSS file.


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