Home › Forums › Jevelin Theme › Customization (icons, list, tabs, top bar, menu)
Home › Forums › Jevelin Theme › Customization (icons, list, tabs, top bar, menu)
Hi,
I have a few issues I am not able to work out.
Thanks a lot for your help !
Hi @camille2421,
I hope you are well today and thank you for your question.
Could you please share the page URLs from your site where it is displaying so that I can help you?
Best regards,
Shufflehound team
Homepage URL: http://bono.croissanceetconfiseries.com/
Issue 4 and 5: http://bono.croissanceetconfiseries.com/a-propos/
(For the tabs – issue 4 – I attached a screenshot of the mockup made in Photoshop)
Issue 6: http://bono.croissanceetconfiseries.com/installations/
Solution for this topic
There is always a grey line underneath the menu. How do I take it off ?
You can remove it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
div.sh-header { border-bottom: 0; }
Even though I deactivated the top bar, it keeps appearing on all pages, except the homepage.
Please make sure you have disabled it in the theme settings as shown in the attached screenshots.
I managed to change the menu fonte color on all pages, except the homepage that I keeps being white. How do I change the color for the homepage ?
It seems you have set the light desktop header for that page, therefore, the menu text displays in white.
You can change its color by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#page-container .primary-desktop-light .sh-header:not(.sh-sticky-header-active):not(.sh-header-10) .sh-nav > li > a > i, #page-container .primary-desktop-light .sh-header:not(.sh-sticky-header-active):not(.sh-header-10) .sh-nav > li > a{ color: rgba(61,61,61,0.69) !important; } #page-container .primary-desktop-light .sh-header:not(.sh-sticky-header-active):not(.sh-header-10) .sh-nav > li > a:hover > i, #page-container .primary-desktop-light .sh-header:not(.sh-sticky-header-active):not(.sh-header-10) .sh-nav > li > a:hover{ color: #398640 !important; }
Tabs with icons: Is it possible to upload custom images and use them as icons ?
To achieve this, you have to develop custom code in the child theme of the Jevelin theme.
Developing custom code for custom functionality is beyond the scope of support that we provide here. Please see https://themeforest.net/item/jevelin-multipurpose-premium-responsive-wordpress-theme/14728833/support
If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5
Timeline: Is it possible to disable the dropshadow underneath the boxes ?
Please use below custom CSS code to achieve it.
#page-container .sh-timeline-box { box-shadow: none; }
I’d like to make a list with different icons/custom images. I tried by making columns in a section, but the rendering doesn’t work at all. I attached the rendering and how I made it in Unyson.
I am not sure which one you are referring to here.
To help us keep support thread separates could you please create a new thread for each of your other questions instead of asking them in your single thread as it makes the thread messy and hard to read.
If you want to you can also add a reference to this thread in your newly created thread.
We would be more than happy to help you with your new thread.
Thank you. Most of this work out ! I created different tickets for the things I still need help with.
You are most welcome 🙂