Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #644534

    Hi, I need to make some changes in the css of the entire site.

    1- Fonts; I am using 2 Google fonts, but not displayed on the entire site. How to change absolutely all for this two ones?
    2- Logo. The logo is supported on a line. I need to give a bottom margin (more space between the logo and the line).
    3- Products gallery: I need to remove the borders of the products (the product boxes). I need all “White”. Not borders at all.
    4- Products gallery: The products are variable products and therefore everyone has a price. I need to see only the lowest price, not the smallest and largest display.
    5-Product: I need to remove all borders. Borders of the image, text borders, description borders. Everything must be white, except the table.
    6- Product: need to change the color of the button, It should always have the same color as prices (in all states) .
    7- Cart: I need to change the color of the green box, text color and button color.

    I send you the site info and screens by private .

    Thanks a lot and best regards

    #645371

    Hey marilusnm,

    1. To change the body fonts please select a suitable font from Enfold > General Styling > Fonts
    The rest of the fonts can be changed from Enfold > Advanced Styling >

    2. I do not see the line in your screenshot but if you still need this please sue the below css

    .main-logo img {
        margin-bottom: 40px!important;
    }

    3,4,5,6, and 7 It appears you have figured this out.

    Let us know if you have any questions.

    Best regards,
    Vinay

    #645489

    Hello Vinay,

    Thank you very much as always.

    I made the changes , but I have a little problem with woocomerce prices. I added this code in funtions.php that lets you see only the lowest price and not the price range:

    add_filter( ‘woocommerce_variable_sale_price_html’, ‘bbloomer_variation_price_format’, 10, 2 );
    add_filter( ‘woocommerce_variable_price_html’, ‘bbloomer_variation_price_format’, 10, 2 );
    function bbloomer_variation_price_format( $price, $product ) {
    // Main Price
    $prices = array( $product->get_variation_price( ‘min’, true ), $product->get_variation_price( ‘max’, true ) );
    $price = $prices[0] !== $prices[1] ? sprintf( __( ‘From: %1$s’, ‘woocommerce’ ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );
    // Sale Price
    $prices = array( $product->get_variation_regular_price( ‘min’, true ), $product->get_variation_regular_price( ‘max’, true ) );
    sort( $prices );
    $saleprice = $prices[0] !== $prices[1] ? sprintf( __( ‘From: %1$s’, ‘woocommerce’ ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );
    if ( $price !== $saleprice ) {
    $price = ‘‘ . $saleprice . ‘ <ins>’ . $price . ‘</ins>’;
    }
    return $price;
    }

    The problem is that the legend ” from ” in English and need to appear but in Spanish . You can help me?
    Furthermore , the same word “from” appears in another color . I need to change it for the same color as the price.

    Thanks a lot and best regards

    #645525

    Hi,

    To display the lowest amount of variable product price please try adding this at the very end of your themes / child themes functions.php file:

    add_filter('woocommerce_variable_price_html', 'custom_variation_price', 10, 2);
    
    function custom_variation_price( $price, $product ) {
    
    	$price = '';
    
    	if ( !$product->min_variation_price || 
                  $product->min_variation_price !== $product->max_variation_price ) {
    		$price .= '<span class="from">' . _x('From', 'min_price', 'woocommerce') . ' </span>';
    		$price .= woocommerce_price($product->get_price());
    	}
    
    	return $price;
    }

    To change the language for WooCommerce please refer to this link https://docs.woothemes.com/document/woocommerce-localization/

    Best regards,
    Vinay

    #645552

    Thanks Vinay!
    I already resolved it.
    The question now is how to change the color of css text “From” $
    thanks a lot!

    #645585

    Hi,

    That’s great!

    As i understand you like to change the color of price correct?

    if so please use the below css

    
    .price{
        color:gold!important;
    }
    

    or do want to change only the color of “$” sign?

    Unfortunately there is no easy way to do this in CSS.

    We need to wrap the first letter in a span tag using jQuery and then use css style .price > span { color:gold;}

    Please confirm if you like to change only the color for $ sign? I will be happy to help :)

    Best regards,
    Vinay

    #645592

    Hi,
    I need to change the color of the word “Desde” (From) the color of the price is right.

    Thanks!

    #645607

    Done!! thanks a lot!!

    #645776

    Hey!

    Glad you got it short out!
    Please let us know if we can do anything else for oyu, we would be more than happy to assist.

    Regards,
    Basilis

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘css changes need it’ is closed to new replies.