- This topic has 5 replies, 2 voices, and was last updated 11 months, 1 week ago by
Sebastian.
Author | Posts |
---|---|
Mohammadreza
March 5, 2024 at 4:09 pm
|
hi please open above image |
Sebastian
March 6, 2024 at 10:21 am
|
Hey Mohammad, I couldn’t open the image file. It says it’s been deleted. However, when it comes to troubleshooting CSS issues, a link to the page you’re working on is much more useful because it allows me to view the HTML and existing CSS rules, and then provide very specific advice on what you need to do. You can send the link privately via my contact form if you prefer. If the site isn’t online yet, I can try to guess at what’s going on from your description. It may be that the current layout is using float or flexbox with flex-wrap set to wrap. So instead, use Microthemer’s CSS grid options to set a 4 column grid on the element with the class “columns-4”. If you use the drag and drop grid controls, this should set “display: grid” and set the column widths to “1fr”. That way, the items should not wrap over multiple rows. Instead, they should shrink to fit the available space. Without viewing the page, I can’t really say for sure what’s going on though. Cheers, |
Mohammadreza
March 6, 2024 at 10:50 am
|
i upload it in several uploadcenter https://i.postimg.cc/h42652hX/Screenshot-2024-03-05-170241.png thanks |
Sebastian
March 6, 2024 at 11:20 am
|
Thanks for that. So if you like to work directly with code, I recommend removing the current code shown in your screenshot and replacing it with:
The following screenshot shows how this code should layout the items:
The following screenshot shows how to create this layout using the drag and drop CSS grid controls:
If this doesn’t work for some reason, you may need to make sure you are targeting the direct parent of the items you want in a grid (rather than a higher up parent). That’s because CSS grid alignment only applies to direct child elements. Let me know if this helps! Cheers, |
Mohammadreza
March 6, 2024 at 8:52 pm
|
it works perfectly thanks alot |
Sebastian
March 7, 2024 at 5:48 pm
|
Excellent, thanks for confirming. |