-
Author
-
January 19, 2016 at 20:06 #99359ZlatoParticipant
Hi i use this code from Laura
.tabs.info dd a, .tabs.info li a, #main #object-nav ul li a {
color: #40FF00;
display: block;
height: 20px;
line-height: 20px;
padding: 15px 20px;
font-size: 12px;
text-transform: uppercase;
font-family: inherit;
font-weight: normal;
}
.tabs.info dd a, .tabs.info li a, #main #object-nav ul li a {
color: #743349 !important;
display: block;
font-size: 13px;
height: 20px;
line-height: 20px;
padding: 0px 10px;
}
a#user-notifications:before {
content: “\f0a2” !important;
}
a#user-activity:before {
content: “\f039” !important;
}
a#user-xprofile:before {
content: “\f007” !important;
}
.tabs.info dd.active a, .tabs.info li.active a, #object-nav ul li.current a, #object-nav ul li.selected a, .tabs.info dd.active, .tabs.info li.active, #object-nav ul li.selected, #object-nav ul li.current {
border: none !important;
}
div#item-nav {
margin-top: -10%;
width: 160%;
}
a#user-messages:before {
content: “\f003” !important;
}
a#user-friends:before {
content: “\f0c0” !important;
}
a#user-friends:before {
content: “\f118” !important;
}
a#user-forums:before {
content: “\f0e6” !important;
}
.item-list-tabs.no-ajax#object-nav a:before {
font: 250% “FontAwesome”;
content: “\f144”;
display: block;
text-align: left;
transition: all 0.4s ease-in-out 0s;
}
a#user-settings:before {
content: “\f013” !important;
}
div.item-list-tabs#object-nav {
margin-top: 0;
color: #6f6f6f;
display: block;
height: 20px;
line-height: 20px;
padding: 15px 50px 50px;
font-size: 12px;
text-transform: uppercase;
font-family: inherit;
font-weight: normal;
}
div#item-nav {
margin-top: -10%;
width: 160%;
padding-bottom: 60px;
}
.tabs.info, #object-nav ul {
list-style: none;
border-bottom: solid 1px #e6e6e6;
display: block;
height: 100px;
padding: 0;
margin-bottom: 40px;
}
div#bp_core_members_widget-7 {
color: #777777;
margin-top: 25%;
}my issues :
1. how to increase the spacing between the icons and sidebar
2. how to change the color profile icons
3. how to change the color alert icon
4. mouse hover, I would like another color, now it’s all the same
5. or there are other iconsand last one is any way to put edit user profile in sidebar. ( basic yet they know how to change additionally been unable to find more in order to supplement their profile)
thx guys
Attachments:
You must be logged in to view attached files.January 21, 2016 at 00:02 #99655LauraModeratorHello, please share admin credentials so i can adjust it 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
January 23, 2016 at 03:02 #100075LauraModeratorHello, add this to style.css of child theme 🙂
COPY CODE.bbp-user-page .widgets-container.sidebar_location { padding-top: 90px; } a#user-xprofile:before { margin-left: 15%; } a#user-notifications:before { margin-left: 20%; } a#user-messages:before { margin-left: 20%; } a#user-friends:before { margin-left: 20%; } li#groups-personal-li a:before { margin-left: 20%; } a#user-forums:before { margin-left: 15%; } li#album-personal-li a:before { margin-left: 15%; } a#user-settings:before { margin-left: 25%; } div.item-list-tabs ul li a span { margin-left: 10px; }
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
January 23, 2016 at 09:24 #100117ZlatoParticipantHi Laura
this code fix my problem No 1 :).
PLS 2,3,4, 5…January 26, 2016 at 05:56 #100474LauraModeratorHello, the code should fix all, try this
COPY CODE.bbp-user-page .widgets-container.sidebar_location { padding-top: 90px !important; } a#user-xprofile:before { margin-left: 15% !important; } a#user-notifications:before { margin-left: 20% !important; } a#user-messages:before { margin-left: 20% !important; } a#user-friends:before { margin-left: 20% !important; } li#groups-personal-li a:before { margin-left: 20% !important; } a#user-forums:before { margin-left: 15% !important; } li#album-personal-li a:before { margin-left: 15% !important; } a#user-settings:before { margin-left: 25% !important; } div.item-list-tabs ul li a span { margin-left: 10px !important; } .tabs.info dd.active a:after, #object-nav ul li.current a:after, #object-nav ul li.selected a:after { border: none !important; }
To change icon colors
COPY CODE.item-list-tabs.no-ajax#object-nav a:before { color: black; }
To change specific icon color, for example, profile icon
COPY CODEa#user-xprofile:before { color: green !important; }
Notification alert text color + background color
COPY CODE.tabs.pill.custom dd.active a, .tabs.pill.custom li.active a, div.item-list-tabs ul li a span, #profile .pmpro_label { background: green !important; color: white !important; }
You can use any icon you want, just need to change the icons code at the first code, for example, this is the icon code for profile \f007
COPY CODEa#user-xprofile:before { content: “<strong>\f007</strong>” !important; }
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
January 30, 2016 at 17:51 #101360LauraModeratorIt was a pleasure 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
February 21, 2016 at 11:25 #105461ZlatoParticipantLaura my icons now It’s not responsive
Attachments:
You must be logged in to view attached files.February 23, 2016 at 20:16 #106034LauraModeratorHello, this is a custom code, still not polished it may have those issues, i will check it out
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
February 23, 2016 at 21:17 #106057LauraModeratorRight now the best is to hide icons on mobile, replaced your code with this one
COPY CODE@media screen and (min-width: 800px) { .tabs.info dd a, .tabs.info li a, #main #object-nav ul li a { color: #40FF00; display: block; height: 20px; line-height: 20px; padding: 15px 20px; font-size: 12px; text-transform: uppercase; font-family: inherit; font-weight: normal; } .tabs.info dd a, .tabs.info li a, #main #object-nav ul li a { color: #743349 !important; display: block; font-size: 13px; height: 20px; line-height: 20px; padding: 0px 10px; } a#user-notifications:before { content: "\f0a2" !important; } a#user-activity:before { content: "\f039" !important; } a#user-xprofile:before { content: "\f007" !important; } .tabs.info dd.active a, .tabs.info li.active a, #object-nav ul li.current a, #object-nav ul li.selected a, .tabs.info dd.active, .tabs.info li.active, #object-nav ul li.selected, #object-nav ul li.current { border: none !important; } div#item-nav { margin-top: -10%; width: 160%; } a#user-messages:before { content: "\f003" !important; } a#user-friends:before { content: "\f0c0" !important; } a#user-friends:before { content: "\f118" !important; } a#user-forums:before { content: "\f0e6" !important; } .item-list-tabs.no-ajax#object-nav a:before { font: 250% "FontAwesome"; content: "\f144"; display: block; text-align: left; transition: all 0.4s ease-in-out 0s; } a#user-settings:before { content: "\f013" !important; } div.item-list-tabs#object-nav { margin-top: 0; color: #6f6f6f; display: block; height: 20px; line-height: 20px; padding: 15px 50px 50px; font-size: 12px; text-transform: uppercase; font-family: inherit; font-weight: normal; } div#item-nav { margin-top: -10%; width: 160%; padding-bottom: 60px; } .tabs.info, #object-nav ul { list-style: none; border-bottom: solid 1px #e6e6e6; display: block; height: 100px; padding: 0; margin-bottom: 40px; } } div#bp_core_members_widget-7 { color: #777777; margin-top: 25%; }
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
February 25, 2016 at 18:41 #106656LauraModeratorGlad it worked 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
February 29, 2016 at 19:37 #107437rhino5iceParticipantHi Laura – was this code specific to Zlato? I tried to use it by coping and pasting into my style.css in my child theme. Did not seem to work… ?
thanks for any help!
March 1, 2016 at 13:57 #107616LauraModeratorHello, it should work for anyone, what is your issue? 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
-
AuthorPosts
You must be logged in to reply to this topic.