Community Forums › Forums › Archived Forums › Showcase and Feedback › Site Redo with Agency Pro
- This topic has 9 replies, 6 voices, and was last updated 9 years, 6 months ago by
stinkykong.
-
AuthorPosts
-
October 11, 2013 at 4:38 am #66231
stinkykong
ParticipantI was impressed with the new Agency and took it for a test spin. Here's my results:
Web Design by Websentia Web Services
http://websentia.comOctober 11, 2013 at 5:50 am #66239Brad Dalton
ParticipantOctober 11, 2013 at 3:18 pm #66344stinkykong
ParticipantMost of the credit goes to Studio Pres Designer, Lauren Mancke and perhaps others on her team. Took some trial and error on the background. An easy guide is to take a large photo, draw a white rectangle somewhere off the artboard, draw black rectangle over entire artboard including photo and over the white rectancle. Set black rectangle opacity to so underlying white rectangle matches the color of the demo site's laptop, roughly #6d6d6f and tweak from there.
Web Design by Websentia Web Services
http://websentia.comOctober 12, 2013 at 3:19 pm #66447coralseait
MemberOctober 13, 2013 at 11:26 pm #66582tejones
MemberThat is cool. I love the theme and think, maybe, some day, I'll have a reason to use it.
Todd E Jones
http://www.grafixcatmedia.comJanuary 5, 2014 at 9:39 am #83371Bader
MemberClean and beautiful looking.
Do you mind pointing me out to how you achieved the side-bar "one-block" look please?Cheers
“Whether you think you can, or you think you can’t–you’re right.”
?• Henry FordJanuary 5, 2014 at 10:30 am #83376stinkykong
ParticipantAre you referring to the sidebar on sub pages such as Contact Us ( http://websentia.com/contact-us/ ), or the home page?
What you see in the primary sidebar on the sub-pages, two blocks as there are two elements entered in the widgets panel. The bottom of these two blocks have a single instance of Genesis-Featured-Posts with the number of posts selected to be "2". You can see all the CSS work at http://websentia.com/wp-content/themes/agency-pro/style.css. Search for "steve adds" which is a comment that encases all my custom CSS rules. You can perhaps pull what you need from there. If that doesn't answer your question, please reply back here.
Web Design by Websentia Web Services
http://websentia.comJanuary 5, 2014 at 11:15 am #83386Bader
MemberThank you for the fast reply Stinkykong.
Yes I was referring to the sub-pages like the Contact Us page.
It looks pretty compact. I guess I'll have to decrease the padding to achieve that 🙂Thanks for the CSS work link too. I'll check that right now.
Cheers!
“Whether you think you can, or you think you can’t–you’re right.”
?• Henry FordMay 19, 2014 at 10:22 am #105878cass
MemberStinkykong, I think your site looks great! I've been looking through the forums in search of ideas about how to prep the image for the Agency Pro background, which is what I think you explained above with the white and black rectangles and changing the opacities. I'm just a beginner at photoshop and so I'm sorry for my newbie questions - but I was wondering if you could explain your system a little more. Are you referring to using a program like photoshop? Also, when you mention drawing a black rectangle, am I understanding correctly that you mean to draw it to completely cover the image (which would darken the image sufficiently to then make the image secondary and make it easier to read the writing on the welcome page and everything else too?). I think that while I'm writing it out I'm starting to understand it further!
Thanks so much for sharing you tip!
May 19, 2014 at 10:36 am #105879stinkykong
ParticipantPhotoshop works fine for this. Place or open the image in Photoshop. Create two new layers that will be above (i.e., on top of) the photo. Select one of the new layers, and you can either draw a rectangle (which you'd do in Illustrator), or you could use Photoshop's Paint Bucket tool to fill the entire frame with color. On one of you layers use full black (#000000) while in the other layer, use full white (#FFFFFF), then adjust the opacity which in Photoshop is in the layer's palette (at least in my version CS4). 0% lets your image show through fully and increasing the %-age either darkens or lightens, makes richer or brighter.
Web Design by Websentia Web Services
http://websentia.com -
AuthorPosts
- The forum ‘Showcase and Feedback’ is closed to new topics and replies.