hi there,
how can i give the pictures in the portefoltio section a border with round corners?
all my best
b.rouge
portfolio item image border with round corners
9 posts from 2 voices- Started 1 year ago by brouge
- Latest reply from brouge
- This topic is resolved
-
hey dude i tried to set the width of the image and regenerate the thumbnails a couple of times.
this doesn't solve the problem.i found out that each portfolio grid image has a background and you have to limitate the width of it.
#top .slideshow { background: #ffffff; width: 239px; border: 2px solid #11479F; border-radius: 25px; }did the trick for me this time.
there is only one annyoing thing. whenever you klick at the title of a portfolio item there single item feature image is going to be limited too.
how can you keep the settings only for small portfolio images?
i didn't find a class or something...Posted 1 year ago # -
okay here is the solution if you only want to give a border to the small images of the portfolio.
it works if you add a class to the portfolio items.
to do so go to the loop-portfolio.php and replace the line
<div class='post-entry one_third all_sort <?php echo $sort_classes.$extraClass; ?>'>
with
<div class='portfolio-image post-entry one_third all_sort <?php echo $sort_classes.$extraClass; ?>'>now enter this in the custom css section of the broadscope theme:
#top .portfolio-image .slideshow { background: #ffffff; width:239px; /* width of small portfolio images - 2 x width of the border */ border: 2px solid #35496C; border-radius: 25px; }now you have a border around the portfolio items but when you click on them the huge feature image is still not touched.
problem solved!Posted 1 year ago #
Reply
You must log in to post.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
