Home Forums Bizlight About service section.

This topic contains 31 replies, has 2 voices, and was last updated by  wensolutions 2 months, 1 week ago.

Viewing 15 posts - 16 through 30 (of 32 total)
  • Author
    Posts
  • #35949

    wensolutions
    Participant

    Hello @drknuth,

    Actually you need to replace the existing code for including the parent theme style with the code we have provided above .

    Your child themes functions.php file should only include the below given code to inherit the parent style and function .

    <?php
     
    add_action( 'wp_enqueue_scripts', 'bizlight_child_style' );
      function bizlight_child_style() {
    	wp_enqueue_style( 'child-style',get_stylesheet_directory_uri() . '/style.css',array('parent-style'));
    }

    After this you can add the additional function you require to modify the theme.

    Hope this helps .

    Best Regards!!

    #35970

    DrKnuth
    Participant

    Hi!

    Thanks for your reply. Replacing in functions.php the preexisting code with the one suggest will give the same effect that I mentioned in a previous message when I said to have commented the preexisting code so that only the suggested code is interpreted: the site is shown as if there were some problem with the styles. Below a screenshot.

    Thanks for your time.

    Kind regards,
    Daniel

    #36159

    wensolutions
    Participant

    Hello @drknuth,

    As it is not working please create the child theme using the code given below :

    <?php
    
    add_action( 'wp_enqueue_scripts', 'bizlight_child_style' );
      
      function bizlight_child_style() {
     
     wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
     wp_enqueue_style( 'child-style',get_stylesheet_directory_uri() . '/style.css',array('parent-style'));
    }

    Now the under line seen below the text can be removed by using the CSS code given below.

    section.wrap-service a:hover {
    
    text-decoration: none!important;
    
    }

    Hope this works out .

    Best Regards!!

    #36166

    DrKnuth
    Participant

    Hi!

    Thanks for your reply.

    I was comparing the suggested code for functions.php with the original code for functions.php that uses the WENS child themes plugin and it is exactly the same, so I just uncommented the original code, remove the code suggested in a previous message and then added the CSS code.

    Now the service items does not display underlined text by placing the mouse over them, however the text in the menu options and the name of the blog is underlined by placing the mouse over them.

    On the other hand, the button for go to the top of the page is deformed when using a child theme.

    Thanks for your time.

    Kind regards,
    Daniel

    #36251

    wensolutions
    Participant

    Hello @drknuth,

    Now to remove the underline from the menu item and the title of the blog please use below CSS.

    .main-navigation li a:hover {
    	text-decoration: none !important;
    }
    
    .site-title a:hover{
    	text-decoration: none !important;
    }
    
    a.evision-back-to-top {
        height: 45px;
    }

    Hope this helps.

    Best Regards!!

    #36295

    DrKnuth
    Participant

    Hi!

    Thanks for responding and for the code! It worked and I think the button now has a uniform size, but the arrow is off-center. Can you help me put it back in the center again?

    A curious question: why do you think that when setting the child theme, that causes all these settings of the original theme to be lost and it is necessary to accommodate all this again by hand?

    Thanks again for your time.

    Kind regards,
    Daniel

    #36357

    wensolutions
    Participant

    Hello @drknuth,

    To adjust the position of the arrow in the center please use below CSS .

    .evision-back-to-top {
      padding: 2px 13px 9px !important;
        }

    Also the issue regarding the style, normally these kind of issue does no occur while creating the child theme . So for this issue we are trying to find out the cause and inspecting on the issue further .

    Hope this helps.

    Best Regards!!

    #36460

    DrKnuth
    Participant

    Hi! Thanks for your reply.

    > To adjust the position of the arrow in the center please use below CSS.
    >
    > .evision-back-to-top {
    > padding: 2px 13px 9px !important;
    > }

    I compared the result with the original theme and I think it should be a little more up (about 1 mm). I tried changing some of the numeric values of the supplied code, but I could not achieve this result.

    > Also the issue regarding the style, normally these kind of issue does no
    > occur while creating the child theme. So for this issue we are trying to
    > find out the cause and inspecting on the issue further .

    If you find the cause of this, it would be nice to have a patch available for the affected files, especially if the next version of the theme will be published within several months. I think it could be useful for everyone who has the need to use a child theme.

    Thank you for your time and patience 🙂

    Kind regards,
    Daniel

    #36667

    wensolutions
    Participant

    Hello @drknuth,

    If you want the arrow to move little up then you need to adjust padding of the CSS code we have provided above .

    .evision-back-to-top {
      padding: 3px 13px 9px !important;
     }

    Also you can adjust the location of the arrow by simply changing the first value.

    Hope this works out .

    Best Regards!!

    #37021

    DrKnuth
    Participant

    Hi!

    > Also you can adjust the location of the arrow by simply changing the first value.

    Thanks for your reply.

    By the tests that I was doing, for the arrow to move upwards, the first value must be decremented. But even with a value of zero, it still lacks a bit more to be centered. I made the comparison by opening a tab with the original theme and moving from one tab to the other to make the comparison.

    Thanks for your time.

    Kind regards,
    Daniel

    #37061

    wensolutions
    Participant

    Hello @drknuth,

    The CSS we have provided has worked locally .

    And as we have already mentioned that such kind of issue usually does not occur while creating the child theme, so we will be looking into the issue and fix them and we will let you know.

    Hoping for the co-operation .

    Best Regards!!

    #37760

    DrKnuth
    Participant

    Hi!

    > The CSS we have provided has worked locally.

    What do you mean with “has worked locally”? Have you compared the result obtained regarding the position of the arrow with the position of the arrow for the original theme? To make this comparison I suggest having two open tabs open: one tab with the child theme and the other tab with the original theme, and switch between both tabs.

    > And as we have already mentioned that such kind of issue usually does
    > not occur while creating the child theme, so we will be looking into
    > the issue and fix them and we will let you know.
    >
    > Hoping for the co-operation .

    Thank you. Were you able to make any progress about this?

    Thanks for your time.

    Kind regards,
    Daniel

    #37802

    wensolutions
    Participant

    Hello @drknuth,

    Yes,we do have compared the Bizlight theme with its child theme and found the issue as you have mentioned before.Also, the CSS code we have provided for the fix of the issue regarding the go to top icon is working while we have tested it.

    Regarding your query about theme styles having to be re-written with child theme implementation, it is unlikely that the parent theme styles to be affected upon child theme implementation.

    We have tested the codes to debug the issue in Bizlight theme and the issue was found to be caused by the load order of stylesheets in parent and child theme.

    For the fix of the issue we have added the order parameter “12” for the add_action() hook in the child theme’s functions.php file.

    This will allow the parent styles to load in the correct order before the child theme, fixing all the variations issues in the child theme.

    please replace the code in child theme’s functions.php with the below code that contains the order parameter :

    <?php
    /**
    *Recommended way to include parent theme styles.
    *(Please see http://codex.wordpress.org/Child_Themes#How_to_Create_a_Child_Theme)
    */  
    
     add_action( 'wp_enqueue_scripts', 'bizlight_child_style',12 );
     function bizlight_child_style() {
        wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
        wp_enqueue_style( 'child-style',get_stylesheet_directory_uri() . '/style.css',array('parent-style'));
    }

    Also, after the implementation of the code, you can remove the extra CSS that we have provided in this thread.

    Hope this helps,
    Best Regards!!

    #42471

    DrKnuth
    Participant

    Hi!

    I’m sorry for the delay in answering from my side.

    I have been doing some tests and it seems that the problem with the styles has been solved including the issue with the “go to top” icon. So thank you very much for sharing this!

    It is interesting to see that the problem was related to the loading order of the styles.

    However, if other users use a child theme they will have to make this modification to make it work correctly. Is it possible that in a next version of Bizlight a patch is applied for that the child theme works without requiring additional changes?

    I saw that a new version of Bizlight was released but I did not find the changelog.

    Kind regards,
    Daniel

    #42529

    wensolutions
    Participant

    Hello @drknuth,

    Nice to know that your issue is fixed .

    We will definitely consider the request in our next update and try to fix the issue that have occurred in the child theme .

    For now if you have any issue further, please let us know.

    Best Regards!!

Viewing 15 posts - 16 through 30 (of 32 total)

You must be logged in to reply to this topic.