Customization (icons, list, tabs, top bar, menu)

Home Forums Jevelin Theme Customization (icons, list, tabs, top bar, menu)

Home Forums Jevelin Theme Customization (icons, list, tabs, top bar, menu)

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    RESOLVED Posts
  • camille2421
    Participant

    Hi,

    I have a few issues I am not able to work out.

    1. There is always a grey line underneath the menu. How do I take it off ?
    2. Even though I deactivated the top bar, it keeps appearing on all pages, except the homepage.
    3. 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 ?
    4. Tabs with icons: Is it possible to upload custom images and use them as icons ?
    5. Timeline: Is it possible to disable the dropshadow underneath the boxes ?
    6. 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.

    Thanks a lot for your help !

    Attachments:
    You must be logged in to view attached files.

    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

    camille2421
    Participant

    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/

     

     

    Attachments:
    You must be logged in to view attached files.

    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.

    Attachments:
    You must be logged in to view attached files.

    camille2421
    Participant

    Thank you. Most of this work out ! I created different tickets for the things I still need help with.

     

     

    You are most welcome 🙂

Viewing 6 posts - 1 through 6 (of 6 total)