Several Problems with settings & elements (Breadcrumbs, additional font)

Home Forums Jevelin Theme Several Problems with settings & elements (Breadcrumbs, additional font)

Home Forums Jevelin Theme Several Problems with settings & elements (Breadcrumbs, additional font)

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • neunneun
    Participant

    Hello,

    so far i like the jevelin theme a lot but i have encountered a couple of problems and need urgent help because a deadline for finishing the website is approaching.

    1. I can not find the option to disable ONLY the breadcrumbs in the title area. I can only find a setting for breadcrumb colour in title section but no option to disable.
    Disabling the page title would disable the breadcrumbs in that sections instantly, but thats not what i want if possible. From most other themes that i have used they can easily be disabled via a checkbox both in the theme backend options and a tick box on every single page even.
    If deactivating the breadcrumbs is not possible, my only option would be to deactivate the title and use a row with title-element with a background image instead?

    2. Also, I need to integrate an additional font, which i purchased
    What is the best practive to do this with the jevelin theme?
    I have a bundle for the font with htaccess file, EOT, TT, WOFF, WOFF2, Stylesheet.
    Do i need to have to use a plugin? Will the font show up in the jevelin customizing backend options to be selected as my standard headings-font then? Other themes have the option to directly integrate fonts which we buy in the backend, but i cannot find such an option in jevelin.

    3. I have problems using the backend WP bakery editor: whenever i click the pencil icon to edit sections or elements the editor pop-up does not trigger. Sometimes i can make it work my deleting the browser cache but that seems to be very random and is not a satisfying solution.
    I have the WPBakery plugin activated and Unyson since the website (minimal shop layout) does not work properly when i deacitivate Unyson (no idea why, what/where is Unyson used for, can you clarify?).
    Any idea on why that happens and does not work?

    4. When integrating a RevSlider 6 Image on the homepage with slider/image settings set to “BG fit cover” the navigation has a white background and gets transparent when i scroll down (both when using my own header made with the header builder and when i choose header 2.
    I need to use my own custom header because i have a button in the nav bar which it seems can only be implemented with a custom header. I cannot find any button settings in the standard header theme settings? This is very confusing.
    I want it to display like https://jevelin.shufflehound.com/header/second-header/ but actually it does display the other way round now.
    The Background image (SliderRev 6) should show from start and when scrolling down the sticky header should be activated with white background colour, exactly like the demo shows.

    5. How can i integrate my own icons used for the Tabs widget?
    Third option here: https://jevelin.shufflehound.com/elements/tabs/

    Thanks in advance & best regards

    Hi @neunneun,

     

    I hope you are well today and thank you for your questions.

     

    1. I can not find the option to disable ONLY the breadcrumbs in the title area. I can only find a setting for breadcrumb colour in title section but no option to disable.
    Disabling the page title would disable the breadcrumbs in that sections instantly, but thats not what i want if possible. From most other themes that i have used they can easily be disabled via a checkbox both in the theme backend options and a tick box on every single page even.
    If deactivating the breadcrumbs is not possible, my only option would be to deactivate the title and use a row with title-element with a background image instead?

    You can just hide the breadcrumbs 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

     

    .sh-titlebar .title-level #breadcrumbs {
        display: none;
    }

     

    2. Also, I need to integrate an additional font, which i purchased
    What is the best practive to do this with the jevelin theme?
    I have a bundle for the font with htaccess file, EOT, TT, WOFF, WOFF2, Stylesheet.
    Do i need to have to use a plugin? Will the font show up in the jevelin customizing backend options to be selected as my standard headings-font then? Other themes have the option to directly integrate fonts which we buy in the backend, but i cannot find such an option in jevelin.

    You can use it by manually uploading the font and apply it to the elements developing CSS code as described below.

     

    http://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/

    https://websitesetup.org/custom-fonts-wordpress/

    https://premium.wpmudev.org/blog/custom-fonts-css/

    https://wordpress.org/plugins/use-any-font/

     

    3. I have problems using the backend WP bakery editor: whenever i click the pencil icon to edit sections or elements the editor pop-up does not trigger. Sometimes i can make it work my deleting the browser cache but that seems to be very random and is not a satisfying solution.
    I have the WPBakery plugin activated and Unyson since the website (minimal shop layout) does not work properly when i deacitivate Unyson (no idea why, what/where is Unyson used for, can you clarify?).
    Any idea on why that happens and does not work?

    This can be a browser issue so please try using a different browser.

     

    We have deprecated the Unyson plugin in the below latest version 5.0 of the theme so using the Unyson plugin is optional If you have not used the Unyson page builder.

     

    4. When integrating a RevSlider 6 Image on the homepage with slider/image settings set to “BG fit cover” the navigation has a white background and gets transparent when i scroll down (both when using my own header made with the header builder and when i choose header 2.
    I need to use my own custom header because i have a button in the nav bar which it seems can only be implemented with a custom header. I cannot find any button settings in the standard header theme settings? This is very confusing.
    I want it to display like https://jevelin.shufflehound.com/header/second-header/ but actually it does display the other way round now.
    The Background image (SliderRev 6) should show from start and when scrolling down the sticky header should be activated with white background colour, exactly like the demo shows.

    Actually, currently, the transparent header only works with the predefined header templates as shown in the attached screenshot.

     

    5. How can i integrate my own icons used for the Tabs widget?
    Third option here: https://jevelin.shufflehound.com/elements/tabs/

    You have to develop custom CSS code to achieve this.

     

    Best regards,
    Shufflehound team

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

    neunneun
    Participant

    Hello, thanks for the help so far, 1. 2. 3. were solved and work great.

    However 4. does not work as i described: when i use the predefined header template 2, the menu gets transparent when scrolling instead of being transparent from the beginning and then transform to the sticky menu with white background.

    Something is not working here.

    Also i need the option to add a Call-to-action button to the nav, to be displayed on the right. With the header builder it works but when i use your predefined header number 2 there is no button and no option in the backend,
    How can this be added, please?

    Please see attached screnshots.
    Thanks in advance.

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

    However 4. does not work as i described: when i use the predefined header template 2, the menu gets transparent when scrolling instead of being transparent from the beginning and then transform to the sticky menu with white background.

    Something is not working here.

    You can achieve this by editing that page and setting its header to light as described in the below topics.

     

    https://support.shufflehound.com/forums/topic/transparent-header/#post-2187

     

    Also i need the option to add a Call-to-action button to the nav, to be displayed on the right. With the header builder it works but when i use your predefined header number 2 there is no button and no option in the backend,
    How can this be added, please?

    You can add a button to the menu as described on the below page.

     

    https://docs.themeisle.com/article/620-how-to-create-buttons-from-your-menu-items

    neunneun
    Participant

    Hello,
    thank you.

    I followed the instructions for the button but it does not work properly: the font does not sit inside the “button” container. I can style the button but it does not sit vertically centered on the same level as the other nav list items – hence, why we have to use the header made with the builder and hence cannot use the transparent effect (menu option 2).

     

    Could you take a look at https://joonhp.templ8.nl/home-alt/ and give some advice how to create this double image section as seen in the demo https://jevelin.shufflehound.com/minimal-furniture-shop/ ?

    Unfortunately i deleted the dual section from the furniture demo and struggle to re-create it while being also looking good on mobile display. The version I recreated does not look good on mobile unfortunately.

    Trying to center the content in the left half and have a padding or margin left/right does result in the text being pushed out to the right on mobile.

     

    Thanks in advance and best regards.

     

    • This reply was modified 3 years ago by neunneun.

    I followed the instructions for the button but it does not work properly: the font does not sit inside the “button” container. I can style the button but it does not sit vertically centered on the same level as the other nav list items – hence, why we have to use the header made with the builder and hence cannot use the transparent effect (menu option 2).

    You can style the button by using the Yellow Pencil editor as described on the below page.

     

    https://support.shufflehound.com/how-to-change-almost-any-element/

     

    Could you take a look at https://joonhp.templ8.nl/home-alt/ and give some advice how to create this double image section as seen in the demo https://jevelin.shufflehound.com/minimal-furniture-shop/ ?

    Unfortunately i deleted the dual section from the furniture demo and struggle to re-create it while being also looking good on mobile display. The version I recreated does not look good on mobile unfortunately.

    Trying to center the content in the left half and have a padding or margin left/right does result in the text being pushed out to the right on mobile.

    To help us keep the 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.

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