Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 20, 2017 at 5:28 pm #810526
    Steffen

    Hi,
    I would like to change the height of the category title boxes on the overview page to the same height on every device and scale. Is this possible?

    And another question: is it possible to break or hyphenate long words in the title boxes on lower scales? Both problems appears on the scale of an iPad on the site I post in the prvate content area.

    Thanks and kind regards!

    June 23, 2017 at 12:26 pm #812069
    Victoria

    Hey Steffen,

    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

    
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.woocommerce-loop-category__title {
	    font-size: 14px;
	    padding: 8px 0px 10px;
	}
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    June 23, 2017 at 12:51 pm #812081
    Steffen

    Hi Victoria,

    thank you! With 11px font size this code works fine for me.

    I have another question: Is there a chance to display the product title boxes the same height? For example in the category I’ve added below (tablet mode).

    Kind regards

    June 25, 2017 at 4:24 pm #812712
    Victoria

    Hi Steffen,

    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

    
@media only screen and (min-width: 1025px) {
  #top .inner_product_header {
    min-height: 110px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #top .inner_product_header {
    min-height: 146px;
  }
}
@media only screen and (max-width: 767px) {
  #top .inner_product_header {
    min-height: 91px;
}
}

    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.