Community Forums › Forums › Archived Forums › Design Tips and Tricks › How to add a Content Box to Posts and Pages?
- This topic has 10 replies, 3 voices, and was last updated 10 years, 10 months ago by rosstcorbett.
-
AuthorPosts
-
February 8, 2014 at 10:04 am #89345rosstcorbettMember
Hi everybody,
On the Parallax Pro Demo, it shows that you can add coloured content boxes into the posts and pages to highlight some text.
Can you tell me where I can find some instructions on how to do this?
Thank you very much indeed.
Ross
http://www.ww2discovery.netFebruary 8, 2014 at 8:49 pm #89441nutsandboltsMemberThe theme setup instructions (which should contain info on setting up the colored boxes) are here: http://my.studiopress.com/setup/parallax-pro/
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+February 9, 2014 at 9:46 am #89489rosstcorbettMemberHi,
Thank you for your response.
I have had a look but cannot see anything about how to add the coloured content boxes as on the demo?
Ross
February 9, 2014 at 2:55 pm #89525nutsandboltsMemberIt looks like the red area on the demo site's homepage is using the footer widgets area - the background is set to be red (or another color, depending on which color style you chose in your theme settings) in the theme stylesheet.
Are you seeing it elsewhere on the demo other than that bottom section before the footer?
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+February 11, 2014 at 4:04 am #89759rosstcorbettMemberHi,
Sorry for the confusion.
On the Parallax Demo, if you click 'Typography' on the nav menu and then scroll down the page you will see a number of different coloured content boxes.
I want to find out how to show case some of my content in boxes like that.
Thank you for the reply.
Ross
February 11, 2014 at 4:08 am #89761Davinder Singh KainthMemberHere is how to use it:
<div class="content-box-blue"> This is an example of a Content Box, which is easy to implement and can be used to put emphasis on a particular thought or sentiment. </div>
Similarly you can use different classes as per color choice like:
content-box-grey
content-box-green
content-box-purple
content-box-red
content-box-yellow
Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis ThemesFebruary 11, 2014 at 4:26 am #89763rosstcorbettMemberThat's great, thank you very much indeed.
There seems to be a problem with the grey. All of the colours work fine except the grey does not seem to?
February 11, 2014 at 8:51 am #89807Davinder Singh KainthMemberI only see yellow content boxes on your site. Can you describe on issue when using grey content box?
Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis ThemesFebruary 11, 2014 at 8:54 am #89811rosstcorbettMemberHi,
Thank you for your reply.
I have changed the middle box to grey, but as you can now see no box around the content appears. All the other colours work fine.
Thanks again.
Ross
February 11, 2014 at 9:02 am #89815Davinder Singh KainthMemberSpelling problem. Change class grey to gray - should be fine then!
Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis ThemesFebruary 11, 2014 at 9:06 am #89816rosstcorbettMemberThank you.
Works great and well spotted 🙂
Thank you again.
Ross
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.