-
AuthorPosts
-
June 8, 2016 at 5:47 am #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
June 9, 2016 at 11:22 am #645371Hey 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,
VinayJune 9, 2016 at 3:39 pm #645489Hello 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
June 9, 2016 at 4:19 pm #645525Hi,
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,
VinayJune 9, 2016 at 4:48 pm #645552Thanks Vinay!
I already resolved it.
The question now is how to change the color of css text “From” $
thanks a lot!June 9, 2016 at 5:36 pm #645585Hi,
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,
VinayJune 9, 2016 at 5:46 pm #645592Hi,
I need to change the color of the word “Desde” (From) the color of the price is right.Thanks!
June 9, 2016 at 6:02 pm #645607Done!! thanks a lot!!
June 9, 2016 at 9:43 pm #645776Hey!
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 -
AuthorPosts
- The topic ‘css changes need it’ is closed to new replies.