Forum replies created

    Denzel Chia
    Moderator
    Posts: 2656
    11.06.2015 at 04:55 #18176

    Hi,

    In your Theme Options-> Typography You can find a lot of settings to change font-sizes.
    Try them out first. Try the h2 font-size, if it has not effect on your flexslider title, then use the following codes in Custom CSS.

    h2.slide-title {
    font-size: 20px !important;
    }

    Thanks!
    Denzel

    Denzel Chia
    Moderator
    Posts: 2656
    11.06.2015 at 04:37 #18175

    Hi,

    Evolve+ is responsive, it will resize it’s elements in mobile browser.
    You do not need a plugin.

    Thanks!
    Denzel

    Denzel Chia
    Moderator
    Posts: 2656
    10.06.2015 at 14:57 #18160

    Hi,

    Please use the following in Theme Options -> Custom CSS

    This will fix the paragraph spacing.

    .excerpt-container > p {
    line-height: 2.5rem;
    margin: 0;
    padding: 0;
    }

    Using this, you will be able to change the size of the title.
    .recent-posts-content h3 a {
    font-size: 22px;
    }

    Thanks!
    Denzel

    Denzel Chia
    Moderator
    Posts: 2656
    10.06.2015 at 08:11 #18017

    Hi,

    Please paste the following codes in your Theme Options -> Custom CSS

    #calc_shipping_state {
    max-width: 180px !important;
    }

    This will fix your cart page’s select state dropdown width.
    Please see screenshot. http://prntscr.com/7f98xl

    As for the cart template version. Alora version 2.7.0 has already been updated to use Cart Page 2.3.8
    Please use the latest theme.

    If your current cart.php is working properly for you and you do not want to update your Alora theme, then you can ignore that woocommerce system info message.

    Thanks!
    Denzel

    Denzel Chia
    Moderator
    Posts: 2656
    10.06.2015 at 07:46 #18014

    Thank you!

    Denzel Chia
    Moderator
    Posts: 2656
    10.06.2015 at 07:42 #18013

    Hi,

    Please use the following.

    @media only screen and (max-width:768px) {
    #social {
    position: relative;
    top: -22px;
    left: -55px;
    }
    }

    Screenshot of the result. http://prntscr.com/7f924l

    Thanks!
    Denzel

    In reply to FlexSlider
    Denzel Chia
    Moderator
    Posts: 2656
    10.06.2015 at 07:31 #18012

    Hi,

    Please kindly place the following codes in your Theme Options -> Custom CSS

    For flexslider,
    It will move up your flexslider to the same level as sidebar.

    #wooslider-id-1 {
    position: relative;
    top: -25px;
    }

    For the sidebar width, the following will reduce it to 300px.

    #secondary {
    max-width: 300px !important;
    }

    As for the page margin, I assume you want to move the content’s container. This is not advisable, but you can try out the following code. Which will push all content to right, widening the “left margin”.

    @media only screen and (min-device-width:1024px){
    .container.container-center.row {
    margin-left: 300px !important;
    }
    }

    The above are working examples and all you need is to change the number of px

    Thanks!
    Denzel

    Denzel Chia
    Moderator
    Posts: 2656
    10.06.2015 at 06:54 #18009

    Hi,

    There is a line of code in custom-css.php at line 492, which is overwriting your css in child theme’s style.css
    This line of code has the !important mark.
    The custom-css.php is loaded after style.css, so there is no way to overwrite it unless we use a function in child theme.

    I added the following codes in your child theme’s functions.php

    <?php
    function np_hook_css(){
    ?>
    <style type='text/css'>ul.nav-menu li.current-menu-item:before, ul.nav-menu li.current-menu-ancestor:before,ul.nav-menu li.current-menu-ancestor li.current-menu-item a, ul.nav-menu li.current-menu-ancestor li.current-menu-parent a,ul.nav-menu li.current-menu-item, ul.nav-menu li.current-menu-ancestor, ul.nav-menu li:hover {background:grey !important;}</style>
    <?php
    }
    add_action('wp_head','np_hook_css',99);

    ?>

    This will print the above style code after custom-css.php and in HTML head.
    This is the only way to keep this style code working in child theme.

    Please see screenshot, your menu is working properly now. http://prntscr.com/7f8p99

    As for your additional issues.

    I do not understand issue 1.

    For issue 2, I found a plugin called TemplatesNext ToolKit in your plugins folder.
    I go into it templatesnext-toolkit -> inc -> widgets -> widget-image.php line 77, found the following codes.

    $output .= '<a href="'.$image_1_url.'" target="_blank">';

    Change to the following.

    $output .= '<a href="'.$image_1_url.'" target="_self">';

    Please note that your additional issues are not part of our product and I am doing it out of goodwill.
    Sorry, I cannot be providing anymore support for issues not related to our products.

    Thanks!
    Denzel

    In reply to FlexSlider
    Denzel Chia
    Moderator
    Posts: 2656
    10.06.2015 at 05:29 #18007

    Hi,

    Please provide your site url.
    Only then I will be able to give you example custom css code.

    This is a duplicate of https://theme4press.com/support/topic/resize-the-sidebar-and-adjust-the-margin/

    Please only ask your related question in this thread.

    Thanks!
    Denzel

    Denzel Chia
    Moderator
    Posts: 2656
    10.06.2015 at 05:29 #18006

    Hi,

    You have opened a new thread with almost the same question.
    https://theme4press.com/support/topic/flexslider-3/
    Therefore, I will answer your question in that thread.

    Thanks!
    Denzel