Okay
  Public Ticket #2020603
Customization
Closed

Comments

  • Agence_Fabrikka started the conversation

    Hi, 

    First, I want to change colors of all elements of Soma. In the customization area, primary and secondary colors are changed, but some elements are still with the "blue of soma". How and where could I change it ? I use the child theme, I tried with ccs snippets, but it's not working fine for all the elements. 

    Plus, I think it's not supported, but if you know something fast, I have issues to change the fonts of Soma with mines. I write this in CCS additionnal area as usual : 

    /* Fonts */

    @font-face {
        font-family: 'montserrat';
        src: url('montserrat-regular.woff2?#iefix') format('woff2'),
             url('montserrat-regular.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'salvatore_romanregular';
        src: url('http://new.fabrikka.fr/htdocs/webfonts/salvatoreroman-regular-webfont.woff2') format('woff2'),
             url('http://new.fabrikka.fr/htdocs/webfonts/salvatoreroman-regular-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'salvatore_romanregular_italic';
        src: url('http://new.fabrikka.fr/htdocs/webfonts/salvatoreroman-regularitalic-webfont.woff2') format('woff2'),
             url('http://new.fabrikka.fr/htdocs/webfonts/salvatoreroman-regularitalic-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    body {
      font-family: 'montserrat', Helvetica, sans-serif;
    }

    h1, .h1 {
      font-family: 'salvatore_romanregular_italic', Helvetica, sans-serif;
    }

    h2, .h2 {
      font-family: 'salvatore_romanregular_italic', Helvetica, sans-serif;
    }

    h3, .h3 {
      font-family: 'salvatore_romanregular_italic', Helvetica, sans-serif;
    }

    It works with the Montserrat but not in paragraphs, and not with titles and some other texts area. Is there something you know to apply one font to titles and an other one for the rest of texts ? 


    Thanks a lot

  • Agence_Fabrikka replied

    I forgot : I want to change the color of the texts of some products on hover on the shop page. When I have a dark image, name and price are not readable enough. Plus, the color of the price on the single product page (black too). Could you tell me in what file I have to change it ? 


    Thanks again.

  •  675
    Neuron replied

    Hi,

    1) You can change the body font properties and paragraphs by adding.

    body, p {
        // Font Properties
    }

    You can change the fonts via the Easy Google Fonts theme. If you want more controlled on the selectors or in the general fonts. Video Tutorial

    2) You can change the title of the products with the following selector.

    .woocommerce .creative .product .product-holder .product-inner_holder .product-overlay_wrap .product-title 

    And this is for the price inside the product.

    .single-product .single-product_info .price ins

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

  • Agence_Fabrikka replied

    Thanks. 

    I did it. But this is a lot of work to change just one color in few places. I just don't figure out why it's so complicated. There is a primary a secondary color in settings, but it's not working for a lot of elements. Don't you think there is something to fix here ? I did it, now, but I had to write something like 200 lines of CSS code...

  •  675
    Neuron replied

    Hi,

    I am sorry about that, we'll release an update to fix these issues very soon, please let me know if you need any selector for any specific color. Usually options works only for the core parts not the elements.

    Kind Regards


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

  •   Agence_Fabrikka replied privately
  •  675
    Neuron replied

    Hi,

    It seems like that website is using another theme, can you please double-check the URL.

    Kind Regards


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

  •   Agence_Fabrikka replied privately
  •   Neuron replied privately
  •   Agence_Fabrikka replied privately
  •  675
    Neuron replied

    Hi,

    Unfortunately the password is not working, I have tried a small piece of CSS, this seems to fix most of the issues.

    body a:hover {
        color: #ffc404 !important;
    }
    .checkout-button.button:hover {
        color: #fff !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.

  •   Agence_Fabrikka replied privately
  •  675
    Neuron replied

    Hi,

    I'm sorry for the CSS, we'll look forward into fixing them on the next update.

    I will list them as the PDF.

    .header-wrapper header nav ul .sub-menu li.back-link a {
      background-color: #ffc404 !important
    } .woocommerce .woo-sidebar .widget a {
      color: #ffc404 !important;
    } .shopping-bag .shopping-bag_holder .cart-total_buttons {
      border-top-color: #ffc404 !important;
    } .shopping-bag .shopping-bag_holder .cart-total_buttons .woocommerce-mini-cart__buttons .button.checkout {
      background-color: #ffc404 !important;
    } .woocommerce-checkout .woocommerce .woocommerce-order table a {
      color: #ffc404 !important;
    } .woocommerce-account.logged-in .woocommerce-MyAccount-content a {
      color: #ffc404 !important;
    } .woocommerce-account.logged-in .woocommerce-MyAccount-content a {
      color: #ffc404 !important;
    } /* WooCommerce Info */
    .woocommerce-info a {
      color: #ffc404 !important;
    } /* Admin Panel title */
    .woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a {
      color: #ffc404 !important;
    }
    .woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a::before {
      background-color: #ffc404 !important;
    } /* Address */
    .woocommerce-account.logged-in .woocommerce-MyAccount-content a {
      color: #ffc404 !important;
    } /* Cart Links */
    .woocommerce .cart-collaterals .cart_totals table tbody tr td a {
      color: #ffc404 !important;
    } /* Dropdown on Cart */
    .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted[aria-selected=true], .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted[data-selected=true] {
      background-color: #ffc404 !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.