Okay
  Public Ticket #1926892
Template Example
Closed

Comments

  • ClunkyD started the conversation

    Hello, 

    How do I apply the "Minimalist" template that was shown in the example? Do I have to actually build it with Elementor or does it come pre-made?

    Check the attachment to see the template that I'm talking about.

    Thank you,

    David

  •  675
    Neuron replied

    Hey David,

    You can import all the demos of Amartha in only one click at Appearance > One Click Demo Importer.

    Make sure to install the recommended plugin One Click Demo Import.

    When you import the data, the following things might happen:

    • No existing posts, pages, categories, images, custom post types or any other data will be deleted or modified.
    • Posts, pages, images, widgets, menus, and other theme settings will get imported.
    • Please click on the Import button only once and wait, it can take a couple of minutes.

    Everything that is listed in our demo will be imported in your website, so you can proceed to change the content and remove what you don't need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • ClunkyD replied

    Awesome! It worked. 

    Thank you :)

  •  675
    Neuron replied

    You are welcome anytime, feel free to ask for anything you needsmile.png

    If you like our theme, please leave us a rate with 5 stars at ThemeForest, that would help us a lot.

    Kind Regards,
    NeuronThemes


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • ClunkyD replied

    Hi again,

    I tried the typography section where you customize the theme but nothing happens when I want to change the font size. 

    Specifically, I wan to change the font size on variable products, look at the example. 

    Kind regards,

    David

  •  675
    Neuron replied

    Hey David,

    Do not forget to specify the unit also, you should enter for example 15px, 1.2rem and so on.

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • ClunkyD replied

    Great! That worked. 

    Another few questions. 

    How do I change the color of the line when i hover over the menu? Seems like i can't change that salmon color.

    Also, How do I change the color of the buttons and the text inside separately without effecting the rest of the color scheme of the template?

    Look at the attachments.


    Thank you.

  •  675
    Neuron replied

    Hey,

    1) To change the line color on the menu items, please add the following style.

    .m-nav-menu--horizontal ul li.menu-item>a:before {
        background-color: #333 !important;
    }

    2) The selector for the button in product is as the following lines:

    .woocommerce div.product form.cart .button {
        background-color: your_color !important;
        color: your_color !important;
    }

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • ClunkyD replied

    Hello again,

    Alright, I couldn't find a way to make these adjustments. 

    1. How do I change the color of the arrow icon to bring you back to the top of the page?

    2. I want to change the color of the "view cart" button? Not sure why the color didn't change along with the "add to cart" button when I added the CSS code. 

    3. I want to adjust the font size on the short product description but nothing is happening. I tried doing the px/rem but nothing. The only thing that took effect is the actual product description at the bottom of the item page. 

    Please see all attachments. 

    Thank you,

    David

  •  675
    Neuron replied

    Hi David,

    Sure, feel free to ask for anything you need.

    1) Simply add the following style.

    .a-to-top {
        background-color: your_color !important;
    }

    2) Simply add the following style.

    .o-mini-cart .o-mini-cart__total-holder .o-mini-cart__total-holder__buttons .button {
        background-color: your_color !important;
    }

    3) Maybe you haven't tried the right selector.

    .woocommerce .o-product .m-product-summary .woocommerce-product-details__short-description {
        font-size: 20px !important;
    }

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • ClunkyD replied

    Hello again,

    I'm almost done clearing out all the issues but I ran into a problem when it comes to the checkout page on mobile devices. 

    1. The 'total' section on the right side doesn't fit the screen, so I need help with that.

    2. The top of the checkout page is the billing details section. I don't like how it's touching the sides of the screen. Is there a way to fix that? This isn't a big issue but if it could easily be fixed that'll be great.

    3. The last thing is actually in the product page on the 'additional information' section, could I fix the alignment where it states the sizes? 

    Thank you for all the help by the way, every response you have given me has worked 100% of the time. 

    Kind regards,

    David

  •  675
    Neuron replied

    Hey,

    Sure, feel free to ask for anything you need.

    Can you please provide me with your URL, so I can check it live and provide you with the correct CSS.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •   ClunkyD replied privately
  •  675
    Neuron replied

    Hey,

    I am sorry for the late reply, feel free to ask for anything you need.

    1) As for the total in the checkout page, please add the following style.

    .woocommerce table tr .product-total {
        width: 20%;
    }

    If it doesn't fit with 20%, you can try to increase this value.

    2) No worries, the checkout spacing, can be easily enhanced.

    form.woocommerce-checkout {
        margin-top: 20px;
    }

    3) Well, they are printed in a single paragraph, I don't know how you can render them differently, I will provide you with selector, maybe you want to change its size or font attributes.

    .woocommerce .o-product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information table tr td

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.