misabby

Of course i spent all day looking around trying to figure it out, i post and try something new and find the answer lol. Its in the settings of the actual filter options. I was looking for it in all of the general options but not the options for product filtering smh lol

Okay so i actually found the REAL solution because that other one was too finicky for me and it required a whole step of things if i ever made a change. I started looking into if anything was overriding the Elementor CSS or anything based on the previous comment received. Turns out in Elementor > Settings “Disable Default Colors” and “Disable default fonts” was selected to Elementor does NOT override other CSS. I unchecked them and everything was displaying exactly as it should. So i was right that I didn’t think it was another plugin making a conflict, but i guess I may have selected that option with elementor when i first added it as a precaution to not have too much CSS files and conflicting files loading up at once, all for my needs being that elementor CSS *should* be utilized and it’ll override as the primary styles

My solution is also very finicky. I have to add 2 blank sections at the bottom for it to work. If i change anything, I have to save it…remove the sections from the bottom, add new sections, then save it. otherwise for some reason it reverts back to the 100$ column widths if i just edit, save and leave it at that.

So i figured out a solution when i duplicated the section to see if i made the columns 50%, 50%, 50%, 50% (so it’d be 2 columns and 2 widths), if that would at least show. something about adding a section below made my previous section show correctly. So i just added a blank section under and it’s now showing correctly!

what you would do is put a min-height on the section as a whole that you know is larger than the section with the longest content so all of the others match it. Although min-height can do its own thing if content ends up being more than the min-height, i definitely agree there should be a simple option to put a definitive height value on the section so all of the inner sections/columns match it.

Another way i trouble shoot something like this is viewing my website on the computer from a browser, use the inspection tool to try to find the selector thats used for the CSS and play around adding height: ##px !important; to the code then when it does exactly how i want it to look, i copy the code from the inspector and put it in my custom css area.

Of course i figured it out like seconds after posting lol. So somehow both of my domains got connected to the same account. I realized i had to unlink the account via wordpress so then i can reconnect another account by now being prompted to sign up for a new account

It worked!! Thank you

Also, you can edit values in the inspector pane’s style panel. This still update in your browser. This is a way to test that you are editing the right thing and when you edit the styling figures, it shows how you want it to show. It will go away when you refresh the page

1.View the website from the frontend
2. Right-click, inspect element (i know for sure works with safari and google chrome browswers)
3. Make sure what you are trying to inspect is highlighting by hovering over the element or the selected source code in the inspection pane. To know for sure what is selected will look as if you clicked and dragged to highlighted, but any padding will highlight green and any margin will highlight peach. You can always right click and inspect element again while the pane is open to make sure you are selecting the right part
4. Look at the bottom panel in the “styles” tab and find the padding/margin value of your element. To the right side it’ll say something like “style.css:5387”
5. Right click that and select copy link. the link (something like https://www.yourwebsite.com/wp-content/themes/yourtheme/css/style.css) is where it’s pulling the css from. the number (5387 in “style.css:5387”) is the line in which makes this style output…the line is usually a ballpark range because it all depends on the width/word wrap of the viewing of the document if it actually falls on that line.
6. Open the URL you just copied, edit the area and save over it. Cross reference you’re editing the right element because in the inspector pane, it will also say the element ID/Class that’s making these styling outputs (“#theme-header” “.container, #wrapper” or “#div.container.site.wp-wrapper” for example)
7. If you visit your dashboard and hover over “appearances” > select “editor” you should be able to find the css file that you copied from step 5 and edit it from the dashboard directly

DISCLAIMER: 9 times out of 10 your theme has *somewhere* in the theme options to add custom css code. try looking for that and it usually overrides and appends the .css file. If it doesn’t override then use the !important tag. This is a better option so you dont accidentally break your css file if you mess up the code as well as keeps things intact if you use a child theme and update your regular theme, you won’t loose the changes you make in the update.

You could edit the template file for the individual products page and add it, but it depends on what you are trying to add. What exactly are you trying to get it to say? Is it something static across all products, or is it to be different for each product?

If its something thats different for each product, I think you could input a custom field for each product and put what text you want, then put in the template page to call that custom field and place it above the reviews.

I’m not a strong coder so I couldn’t tell you step by step exactly how to do all of this, but with some googling and seeing the files in my face I’m sure it’s something I could figure out for my own website if needed….so if you understand some basic coding and using context clues, it can be doable

• This reply was modified 7 years, 3 months ago by misabby.

you should post how you figured out he fix, in case someone else needs the same help

Sounds like something within your theme. Usually people add a hover to themes for shops/woocommerce so when it hovers it shows the first image from the gallery and that first image is usually the product at another desired angle (example: With clothes, the main image is the front view of the item and the first gallery image would be the back view of it so a person doesn’t have to click and view the item to see how the back of it looks, making easier shopping and less time wasted looking at each product individually).

A simple fix is making your product image and the first image in your gallery the same image, but on the product page that would make the image show twice when looking at the product photos. I’m not a master coder from scratch, but by using the Safari inspector I see something with these classes contribute to it:

img.attachment-shop_catalog.size-shop_catalog.wp-post-image.animated.fadeInDown

and

img.attachment-shop_catalog.size-shop_catalog.wp-post-image.animated.fadeOutUp

You can try looking for those terms within your theme files and use some context clues to figure out what to change, if you’re a decent coder. You can try finding them and post the coding as well as what file they’re in and let someone else help you too….but something in that ballpark seems like the first step.

Be sure to look through your theme options up and down before editing the code though, because more than once have I changed something via code and there was a way to change it by some clicking and saving deep within my theme options. Also, any pages you change save them to a child theme because when you update your theme, it will just erase any changes. If straight up CSS fixes your problem, most themes have a section in your theme options to update/override them theme’s CSS codes that will stay intact with any theme updates.

Also, watch when you post your link. Capitalizing “store” makes a 404 error

• This reply was modified 7 years, 3 months ago by misabby.

My wordpress uses the Better Studio’s Publisher theme, if that helps at all. MarisaXO.com is the site (I’ll eventually remove this because I have this weird peeve about support forums possibly showing up on search if anyone searches things pertaining to my website)

I say a good, healthy review has about 3-5 photos, but I dont mind when people post reviews and have a lot more! I do a lot of online shopping and the more detailed the review, the better. I say maybe 10 would be a good max. Its a *tad* bit excessive, but if an item is a kit or package of various things I would defInitely want to be able to see a lot of photos and not try to squeeze everything in a couple of photos.

A size limit per photo with an indication of the limit on the frontend would be good too. IDK what size limit, or you can have people be able to set the size limit on the backend.

Another great feature would be to add extra optional fields into the review. For example, since I sell clothes it would be great if I had fields for them to include their weight, height and size they bought so it’s not forgotten within the review and it gives people a solid idea on how the clothes fit for people of different sizes and heights (like pants might fit perfectly for a 150lb girl thats 5’7”, but be too short for 150 lb girl thats 6’1”)

and thanks for such a quick reply!!

Yes that would be a great feature. I foresee my sales being driven by reviews and I think multiple photos in a review give people good details to help motivate a sale. I have a few complimentary press/promotional orders that are about to be sent out and I want to make sure when those who get it leave a review, that they can leave a detailed review with plenty of photos.

Also, I gave the photo uploader a try and when I try to post a review with a photo, there’s a 404 error with the “wp-comments-post.php” page and the comment doesn’t upload. It’s weird because 404 means the page doesn’t exist but its very well there in my files. It only does this when a photo is attached. Without a photo, it works fine. I turned off comment moderation too, to see if that was causing an issue, but it still doesn’t work