wpengine

wpengine

Welcome, Guest
Username: Password: Remember me

TOPIC: Custom css for tabs (not just colors)

Custom css for tabs (not just colors) 8 years 5 months ago #288

  • chris
  • chris's Avatar
  • Offline
  • New Member
  • Posts: 9
  • Thank you received: 1
  • Karma: -1
Hi there,

i know where and how to change the project view css, but i cannot figure out where i can edit the tabs in the project overview. In the menu manager, you can only select font and background colours, but nothing more. where can i add, for example, the css-style for rounded corners of the tabs?
please help! - thank you!
Christoph
The administrator has disabled public write access.

Custom css for tabs (not just colors) 8 years 5 months ago #289

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 409
  • Thank you received: 54
  • Karma: -28
Dear Chris,

Thanks a lot for using the Portfolio Manager.

You can add the required tab classes and rules to the Mosaic VIew CSS itself.
e.g., if you are using Mosaic Style 1, then add the tabs classes in mosaic_style1.css
located in: httpdocs/components/com_behance/helpers/html/css/mosaic_style1.css

The class ".bop-option-set" is wrapping the whole tabs area. So in case you wish to add border-radius, use this rule:
.bop-option-set li span{
	border-radius: 5px;
}

Note:
Just in case, use !important wherever necessary to override the inline style of the tabs generated.

Hope this helps :) Please feel free to let me know if you have any other queries.
The administrator has disabled public write access.
The following user(s) said Thank You: chris
Time to create page: 0.264 seconds

Need Customization? Feel free to...

Contact Us

If you like these extensions, help us buy Yoga Mats :)