I'm using Elementor with JetWooBuilder from Crocoblock. When designing the product archive page I would like all rows to be equal height. When the product tile is too long it needs two lines, and making that product "card" bigger than the one with one title line.
Is there any way of auto shrinking the title to make it always fit in one line?
I guess your problem is that the cards have not the same height in your shop page. To fix it, add the products grid in your shop page and toggle "Equal Columns Height" in the product grid settings.
Related
I want to add two columns on one slide on the full width slider on the Divi theme in wordpress but I don't found how to add it,
I need an image on the left and text on the right as shown on the below image
That's actually built-in functionality. You just need to add the image and and it will automatically place it like your screenshot. If you want it on the right there is a dropdown for that as well.
I would like to Display WooCommerce single product image and description in vertical and full width, but not in horiztontal 2 columns.
I mean the woocommerce single product layout is actually like this:
But I would like the left images and right description not shared in the Div 2 columns, just stack vertical and full width.
I have looked through the content-single-product.php template, woocommerce-layout.css, wc-template-functions.php, wc-template-hooks.php files etc... But I don't know how and where to make changes.
Anyone can tell me how can I achieve this?
Thanks
I want to create fixed szie page, without common scrollbar. Scrollbars have only two div's, where content content goes beyond of div (contend data and sidebar listing area) as on picture. I alreay did it without bs3, and use javascript (for calculate new offsets on page resize).
http://i.imgur.com/4kesDk7.jpg
Today I tried to create fixed size template with Bootrstrap3, but i can't do it. It's possible to do using bs3? Anybody can show how it is done?
I tried modify this code http://www.bootply.com/0FG70wcT3B. I do left and right headers.
I am creating a wordpress page with complex menu layout system.
This is a first for me to get stuck with menu.
My menu virtually looks like this, looks simple.
-main_menu_item's
--main_menu_subitem's
---main_menu_subitem2's
but, my site structure is not that easy.
I have horizontal -main_menu_item's on top of page,
after that there is slider and after slider comes horizontal main_menu_subitem's.
Now comes content part of --main_menu_subitem's and if it has ---main_menu_subitem2's they will be displayed on sidebar.
My problem is that how can i break one menu into three different blocks of code that i can display in different places?
MAIN MENU
-main_menu_item
______________________________________________________________________
SLIDER
SLIDER
______________________________________________________________________
SUBMENU OF MAIN MENU
--main_menu_subitem --main_menu_subitem --main_menu_subitem
______________________________________________________________________
IF SUBMENU HAVE ITEMS, ELSE ONLY CONTENT
---main_menu_subitem2 | content area
---main_menu_subitem2 | content area
---main_menu_subitem2 | content area
So, anyone seeing this easy and would like to give me a hand on this?
I want to remove FlexSlider from my WordPress WooTheme (Astrum) since it looks terrible. It makes our images full-size, so our images look silly.
I would prefer to have a thumbnail gallery where you can click on an image and it becomes 400px x 400px or something more standard; can anyone help me with removing flexslider and replacing with a gallery?
http://dv8sports.inpresence.us/product/bag-1/ for example
Flex slider is responsive. That means if you wrap slider inside some container it will stretch.
I would try to wrap the slider inside some other container which defines the preferred width. Your theme supports column shortcodes - use that.
According to their documentation, you can do something like:
[column width="one-third" place="first" ][/column]
[column width="one-third" place="first" ] Slider shortcode here [/column]
[column width="one-third" place="last" ][/column]
Another point: You submitted link to a product page and that page expects to contain product description and other stuff / not just a single image. Once you build the product page properly (add content) your image size will shrink according to surrounding content.
Hopefully this helps.