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 11 years, 1 month ago by
rosstcorbett.
-
AuthorPosts
-
February 8, 2014 at 10:04 am #89345
rosstcorbett
MemberHi 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 #89441nutsandbolts
MemberThe 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 #89489rosstcorbett
MemberHi,
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 #89525nutsandbolts
MemberIt 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 #89759rosstcorbett
MemberHi,
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 Kainth
MemberHere 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 #89763rosstcorbett
MemberThat'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 Kainth
MemberI 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 #89811rosstcorbett
MemberHi,
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 Kainth
MemberSpelling 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 #89816rosstcorbett
MemberThank you.
Works great and well spotted 🙂
Thank you again.
Ross
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.