-
Posts
-
Hey guys,
When I have a 1/3 row, I’m setting each grid cell to 1px borders all around. But when I preview it, the borders look much larger than 1px.
Can you guys help?
Website:
http://www.ccyran.comScreenshots:
https://postimg.org/image/ya77u9t3h/
https://postimg.org/image/sij3mvsex/
https://postimg.org/image/yr6yl8cxb/Thank you.
ChrisHi,
Can you please publish your page and then post the link to it so we can see the issue?
Best regards,
YigitHi!
it does look totally fine on my end and i tried it on different screen sizes. Which browser and OS are you using? Also, what is the screen size you are checking your website on?
Regards,
YigitHey Yigit,
That is how it’s appearing! But I want small pixel borders between everything. I don’t want the images touching. Here’s a quick comp I made showing what I want to do. Ignore the color, I’m just showing what kind of border I want to achieve.
Thanks!
ChrisHi!
I edited your Grid Row and chose to display border between cells. Please review your website now
Cheers!
YigitHey Yigit,
I checked my site and it still looks the same :/ Can you show me a screenshot of what you see?
Thanks!
**correction**
A couple pixels bigger! I’m assuming right now it’s at 1px. I’d like to try 5px.
Thanks!
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.av-border-cells .flex_cell { border-left-width: 5px; }Best regards,
YigitHey Yigit,
When I do this, it’s not being applied correctly to the whole row.
Please see my image:
Thanks!
ChrisHi,
Try to apply a left padding to the cells instead:
#top #av-layout-grid-1 .no_margin.av_one_third { padding-left: 5px !important; } #top #av-layout-grid-1 .no_margin.av_one_third:first-child { padding-left: 0 !important; }Best regards,
IsmaelHey Ismael,
That worked, but it still didn’t fix the alignment issue on the first image on the left. Please see my image link below:
Best,
ChrisHi,
Can you please try adding only the first line of Ismael’s code?
#top #av-layout-grid-1 .no_margin.av_one_third { padding-left: 5px !important; }Best regards,
YigitHey Yigit,
That sort of fixed it. But I wanted the borders to be all around the image. On all 4 sides. Looks like the previous code did that but there were alignment issues.
Thank you.
Chris
Hi,
I wanted to check back the thread but it seems like you have undid the changes?
Best regards,
YigitHi Yigit,
Yes I undid the changes because even with the edits you provided it still wasn’t working. There was a lot of unalignment going on. I want to use it only if it’s very simple.
Like this website!
http://www.stocklandmartel.com/talent/nadav-kander/photographyAny idea to make this happen?
Thank you.
Hi,
We should be able to figure that out but can you please create a private testing page and post login credentials here privately so we can firstly give it a try there?
Best regards,
YigitHi,
Please review the link you provided. This is the closest we can get to what you like to achieve. We have added the below code in Quick CSS.
#spaced .flex_cell:nth-child(1) .flex_cell_inner { padding:0px 0px 0px 10px!important; box-shadow : inset 10px 10px 10px 10px #000; } #spaced .flex_cell:nth-child(1) .avia-slideshow li img { padding:10px 10px 10px 0px!important; } #spaced .flex_cell:nth-child(2) .avia-slideshow li img { padding:10px 10px 10px 0px!important; } #spaced .flex_cell:nth-child(3) .avia-slideshow li img { padding:10px 10px 10px 0px!important; }Best regards,
VinayHi,
Glad we could help!
We really appreciate it if you rate our theme on themeforest .
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)Best regards,
Vinay
- The topic ‘Grid pixel border value not correct when used’ is closed to new replies.