Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 18, 2018 at 8:07 pm #1023609
    janton1

    Hey there good afternoon. Please help I just spent over an hour and half just trying to get the shop headers to NOT BE SIZE 40PX. I tried the code below which works when you inspect the element but it WILL not reduce in size. I don’t understand why this is so hard? I also need the price centered below the heading if you can please help. The site is in coming soon mode so you have to log in using the private information below to see the site.

    .products .product h2, h2.woocommerce-loop-product__title { font-size: 20px !important;}

    Thank you,

    October 19, 2018 at 5:38 am #1023758
    Rikard

    Hey janton1,

    Your CSS is applying on my end:

    .products .product h2, h2.woocommerce-loop-product__title {
    font-size: 20px !important;
}

    Please turn off file compression under Enfold->Performance while working on the site. Also make sure to tick the option to delete the old files.

    Best regards,
    Rikard

    October 25, 2018 at 12:57 am #1026166
    janton1

    Thanks what about centering the price? Can you give me the css for that?

    October 27, 2018 at 3:04 pm #1027038
    Victoria

    Hi janton1,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .inner_product_header_cell .price {
    display: block;
    margin: 0 auto;
    width: 30%;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.