This topic has 8 replies, 3 voices, and was last updated 7 years by 
-
-
Hi Sweetdate support 🙂
I was wondering if you could help me with some CSS for two things.
(It’s not so critical so you can just look at it when you have the time)1)
The first thing is with the quick profile navigation in the breadcrumb.
When you’re at the first profile it looks fine, but when you go to the next profile, the arrow jumps down,
so it’s suddenly at two lines.
(First and second picture in the attachment “til sw”)What I would like is that the arrow pointing left is on the left side of “Hurtig profilnavigation” and the arrow pointing right is on the right side.
I tried to use something like “#breadcrumbs-wrapp .icon-chevron-left { margin-right: 37px;}”
but I can’t get it to go to the other side of the text, and the other arrow stays on another line.2)
The second thing I would like to do is to get some pictures above the text on my profile tabs like “activity”, “messages”, “friends” and so on.
I know you can use “a#user-messages:before {content: “\F0E0”; font-family: “fontello”;}”
if you want to get a picture just before the link, but what if I want it over?Maybe something like the “kleo-buddy-menu-icons” I’ve attached 🙂
Is that possible?Kind regards
HenrikHello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?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 🙂
Hi,
Please provide an account URL and also a login if its needed to can view the things related to your points
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionFor the next and prev buttons use this CSS
COPY CODEul.inline-list>li, ul.link-list>li { margin-left: 10px !important; }For the second there is no quick solution to achieve that but this an example workaround
COPY CODE#xprofile-personal-li { background: url(http://toot.org.au/wp-content/uploads/2014/02/proverbs.jpg); background-position: center; margin-bottom:20px !important; }Inspire it from here for the rest of the menu items.
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThe first one worked perfectly, thank you! 🙂
The second one will probably take som work to make it fit like I want, but now I got a way to start.
Thank you very much 🙂You’re welcome
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionYou’re welcome
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
You must be logged in to reply to this topic.
