Maria Antonietta Perna

Hi, there isn’t a lot of space in between rows, it only looks like it because the background for each box is the same as the page background, therefore this creates the impression of the wide empty space. Try putting a border or a different background color for each product box and this should improve the page’s appearance.

Yes, you can do this by CSS. There are options: use the post ID, for example, to select just a specific post, or add a special class to a post (but I’ll have to write some PHP code for this), or use a CSS pseudo selector if you know in which order the post is in the list of posts, etc.

This means that it needs to be changed via CSS. Also, it means you should create a child theme and do your modifications from there. Perhaps it’d be better to learn the basics of doing that. Your header has a width of 100% which means it spans the full width of the page. However, if you change that, other elements might be affected.

I havent’ downloaded this theme, but from the description it looks like it has an option panel and the header size should be among the options. Have you tried to change the header width in the admin panel using the theme’s options?

If this happens after a theme update, it most likely means the CSS for the submenus has been overwritten. I recommend you use a child theme and add your custom styles to the child theme. If you have the stylesheet previous to the update saved, make a comparison between the old and new styles in relation to the sub-menu and add the necessary styles to the child theme’s stylesheet.

The child theme would protect your changes when the parent theme gets updated. Anyway, the custom css goes into style.css. I might suggest that you rearrange the order of the menu items in the admin panel so that User CP is the last item in the menu. Then it might be easier to simply float it to the right.

If there’s any chance that I could do anything, you need to be more specific. At the very least I need to know what kind of changes you’d like to implement, so that I’d know whether they require css, html, php, or all of them. Secondly, I need a link to your existing site, and thirdly, I’d have to know what theme you have activated. For the latter, you need to go to your WP admin panel and see which theme is active and the relevant info about the theme, which should also be in the same location. This would be a start.

If they are not in the widgets area, you need to locate the template file and delete the markup altogether. It looks like you’re using a static home page. Try with front-page.php or the template file you’re using as home page. Open it in the editor and you might find the markup for the boxes.

Thanks for the link. It seems like the space is already taken by a div with a class of .boxes containing 3 boxes each with a height of 80px. However, the divs are not visible on the page because no text or image has been added to the markup. If you add some text to each box, or delete the div with class .boxes and all its contents, or eliminate the height of each div, you should see some improvements.

Could you please post a link to the site? The fact that the change is not taking effect might be due to various reasons, e.g., wrong selectors, other elements interfering, etc. Without access to the page, it’s difficult to understand what’s happening.

Could you be a bit more specific? As a general rule, to modify something in footer.php, you open the template file and add your modifications. Because footer.php is used sitewide, your modifications will appear everywhere the footer is. However, I’m not sure what kind of modifications you’d like to make. Also, it might be wise to use a child theme if you’re customizing an existing theme.

Thank you, I’m glad it’s been beneficial. The only thing that comes to mind is that the new theme’s installation must have overwritten some of your options. The new theme must have a way of adding back the sizes attribute on the admin panel. If there is good documentation on the theme, you should find something about this, or you might try contacting the theme’s author for support. From what you say the problem seems connected to the new theme’s installation and settings rather than with woocommerce.

The problem as I see it is that the sidebar is fixed. If you remove position:fixed from the code it should simply float to the left:

`.floating-menu {
float: left;
height: auto;
margin-bottom: 10px;
position: fixed;
width: 140px;
z-index: 1002;
}

Hi, I’ve come across this great video tutorial on the woocommerce documentation site: https://docs.woothemes.com/document/product-variations/

At about 4.47 mins into the video, it explains how to add an image associated with each color. I hope it helps.

There’s a template that you might have to modify. This is the path: wp-content\plugins\woocommerce\templates\single-product\add-to-cart\variable.php

Create a page for each product size and add a link to that template that takes the user to the full page.