slideshow - rounded corners

9 posts from 4 voices

• Started 11 months ago by topfert
• Latest reply from Dude
• This topic is not resolved

Tags:

No tags yet.

1. 

   topfert
   Member

   Hi guys,

   Any ideas how to create rounded corners in the propulsion theme slideshow? I am new to WP and limited understanding of code... Thanks.

   Posted 11 months ago #
2. 

   Dude
   Dude

   Hey!

   Add following code to css/custom.css or the quick css field:

   #top #slideshow_big .slideshow_container .slideshow {
       border-radius: 8px;
   }

   and adjust the border radius value if required.

   Regards,
   Peter

   Posted 11 months ago #
3. 

   topfert
   Member

   Hi Peter,

   I can't seem to edit it? I have a mac. Can you recommend a free editor?

   Thanks for your help.

   TT

   Posted 11 months ago #
4. 

   elames
   Member

   No need to really edit, just copy and paste the code into your quick css under theme options/styling.

   Is there Notepad or wordpad on the mac? I don't use it all that much to remember. That is all it really takes

   Posted 11 months ago #
5. 

   Devin
   Moderator

   Hello!

   elames is correct. You can add the css to your Quick CSS or custom.css if you can connect to your host via FTP and edit the file that way.

   Regards,

   Devin

   Posted 11 months ago #
6. 

   topfert
   Member

   Having trouble, sorry. I'm not sure I'm trying to access the correct file. style.css won't open in text editor. It opens in a browser and isn't able to be edited. All the php files (such as functions.php) will open in text editor and I'm using cyberduck to ftp. I am obviously an amateur at this so you might have to dumb it down a little for the noob! :) Thanks.

   Posted 10 months ago #
7. 

   Dude
   Dude

   Hey!

   In this case go to Propulsion > Theme Options > Styling and enter the code I posted above into the quick css field at the bottom.

   Best regards,
   Peter

   Posted 10 months ago #
8. 

   topfert
   Member

   Hi Peter,

   Thanks for that! I have posted the code into the quick css section and saved all changes. Upon refreshing though only the top LH corner of the first slide has a rounded corner (which looks cool though!). Any suggestions? http://www.topcatt.com.au

   Thanks again.

   Posted 10 months ago #
9. 

   Dude
   Dude

   Hi!

   Try following code instead:
   

   #top .slideshow {
       border-radius: 16px 16px 16px 16px;
   }

   Regards,
   Peter

   Posted 10 months ago #

RSS feed for this topic

Reply

You must log in to post.