Forum Replies Created
-
Posts
-
As always, Inspect Element is your friend.
(1)
.entry {
background-color: #fff;
border-radius: 3px;
margin-bottom: 40px;
padding: 40px 40px 24px;
}Change background-color to this:
.entry {
background-color: rgba(255,255,255,0.5);
border-radius: 3px;
margin-bottom: 40px;
padding: 40px 40px 24px;
}That will keep it white, but transparent. The first three sets of numbers (currently 255) controls the colour. The fourth number (currently 0.5) controls the transparancy. 1 = opaque (or non-see through) while 0 = fully transparent. 0.5 is half and half.
Changing .entry will change the background of both posts and pages.
In order to do the same to the comments box, simply change the background color to the one you desire in the class:
.entry-commentsHope that helps.
Yeah, I see what you mean.
The best thing to do considering your technical level is to wait until your quietest day (that might be Friday, it might be tomorrow). The evening before that day, back up your site and download a plugin like:
http://wordpress.org/plugins/ultimate-coming-soon-page/Go into the options, fill out some info and then activate it that evening. That will put up a simple page saying you're working on your site and you'll be back soon.
Then activate the child theme. You don't need to activate Genesis or Genesis Sample. In fact, you can delete Genesis Sample (do not delete Genesis). The child theme will see Genesis and pull the info it needs from it without you needing to do anything.
Once the child theme is live, make the changes. As soon as you're happy, turn off the coming soon page and your new site will be all done without you having to worry about someone stumbling across it while you're working on it.
Sorry I didn't get back to you sooner. I don't work over the weekend.
The Dream Builder PDF is pretty simple to sort out.
Save this as something like dreambuilder.php
<?php /* * * Author: Advice Media Limited * Template Name: Dream Builder Project * */ add_action( 'genesis_meta', am_meta ); function am_meta() { //* Force full width content layout add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_sidebar_content' ); //* Add page body class add_filter( 'body_class', 'am_body_class' ); //* Remove breadcrumbs remove_action( 'genesis_before_loop', 'genesis_do_breadcrumbs' ); //* Adds the afterpost section to the page template add_action( 'genesis_after_entry', 'am_afterpost', 5 ); } //* Adds custom body class to the page function am_body_class( $classes ) { $classes[] = 'dreambuilder'; return $classes; } function am_afterpost() { genesis_widget_area( 'afterpost', array( 'before' => '<div class="after-post"><div class="wrap">', 'after' => '</div></div>', ) ); } genensis();That will allow you to create a template that has a left sidebar and an after-entry widget area for the pics at the bottom of the page.
In functions.php, you'll need to add at the bottom:
genesis_register_sidebar( array( 'id' => 'aftercontent', 'name' => __( 'Dream Builder | After Content', 'am'), 'description' => __( 'This is where the widget goes for the after content widget on the Dream Builder page', 'am' ), ) );The images after the text can go in that new sidebar. Use the Primary Sidebar for all the information on the left of the page.
It's a little hard to tell what's going on with the Community page seeing as it's all to the right of the visibile screen on both the file and the PDF, but that should get you started.
Yup. Rreeve is correct.
The Genesis submenu will only appear when there is an active Genesis child theme.
Either install and activate the child theme you purchased with Genesis, or download the Genesis Sample Theme and go from there.
Subheading?
I'm not sure what you mean. Do you mean where it says "Just another WordPress site" and a like?
If so, go to Settings > General and edit the second box down – the one that says Tagline.
If it isn't that, let me know child theme you're using (there's hundreds).
You mean this page?
That's what came up when I put in the ubiqutous 404 test of http://www.sitename.com/404.
There's a chance it's because the Genesis 404 page is cached on your computer. Try it from a mobile or tablet to test if that's the case.
Thanks, I got your email. Can you do me a favour though. Can you save it as a PDF and send it over. I realised I only have Apple Pages on my laptop – I have a feeling its screwing with the formatting.
I'm not 100% sure what you mean without seeing the Word document.
Feel free to drop me an email. I'm currently stuck at home without access to my work computer due to me tearing a ligament in knee. I'll see if I can help point you in the right direction.
Sorry, I meant when they are coded in, are you coding/pasting them in with the / at the end.
If so, it's likely it's a poorly coded piece of software missing a php function that doesn't add a / to the end of links that already have it.
To be honest, if Google Webmaster and Bing's tools don't flag up any issues, I wouldn't worry.
It could be the link checker that's causing the problem.
Out of curiosity, does your site's links end in a /? i.e. http://www.advicemedia.co.uk/
Hi Drew,
Sorry about the late reply. I've been wrapping up a couple of projects in the last week.
I don't normally recommend applying CSS to the text widget itself (as if you delete the widget, it no longer works).
However, in this case, it's the easiest solution.
In your style.css file, find where you have your sidebar css. At the end of that section, add the following code:
#text-9 { padding: 0; }The reason why it is happening is that every widget has padding applied. However, removing that padding would also remove the padding from the other widgets in the sidebar.
By using the widget's id to override it, you only remove the padding for the text widget containing the image. If you change the widget or delete it by accident in the future, you'll need to change the number (9) to the new widget number.
You can find that through your browser's inspector tool.
Hope that helps and sorry for the delayed response.
Ben
You can, true.
Personally, I tend to avoid it because I prefer not to limit CSS to specific page numbers for future compatibility (especially, as I work offline and then deploy to a live server).
Ah, sorry. I misunderstood what you meant.
If you want to use it like you have said, then use, you'd insert the below code into a page template.
add_action( 'genesis_after_header', 'am_custom_header' ); function am_custom_header() { echo '<div id="custom-header-area" class="custom-header-area"><div class="wrap">'; genesis_widget_area( 'custom-header', array( 'before' => '<div class="custom-header"><div class="wrap">', 'after' => '</div></div>', ) ); echo '</div></div>'; }You'd then add the following to your functions.php file.
//* Register sidebar genesis_register_sidebar( array( 'id' => 'custom-header', 'name' => __( 'Custom Header', 'am'), 'description' => __( 'This is where you put any widgets you want to appear in your custom header', 'am' ), ) );
Sorry, no. If you use the last code – and only want it to work on the home page – you'd put it into your functions.php file.
Sort of.
The body_class is a hook used by WordPress – not just Genesis.
Adding the action/function tells the template to override the standard body_class with the your custom body_class.
You can see similar hooks in action when you look at the widget_area hooks on many Genesis themes.
If it's only the home page you want it to appear on, simply add:
add_action( 'genesis_after_header', 'am_custom_header' ); if ( is_home() || is_front_page() ) { function am_custom_header() { echo '<div id="custom-header-area" class="custom-header-area"><div class="wrap">'; genesis_widget_area( 'custom-header', array( 'before' => '<div class="custom-header"><div class="wrap">', 'after' => '</div></div>', ) ); echo '</div></div>'; } } //* Register sidebar genesis_register_sidebar( array( 'id' => 'custom-header', 'name' => __( 'Custom Header', 'am'), 'description' => __( 'This is where you put any widgets you want to appear in your custom header', 'am' ), ) );Otherwise, the approach is slightly more complicated. Let me know.
Thanks,
Ben
To float the image to the right, add this to your CSS file in the Plugins section (technically, it can go at the end, but just for making it easier to find, add it after the Jetpack section).
/* Genesis Slider --------------------------------------------- */ .flexslider .slides img { float: right; }Hope that helps.
Ben
Add this at the top of the template just after <?php (or after any scripts if you're loading them).
add_action( 'genesis_meta', 'am_custom_meta' ); function am_custom_meta() { //* Adds body class to the page template add_action( 'body_class', 'am_body_class' ); } //* Adds custom body class to the page function am_body_class( $classes ) { $classes[] = 'home'; return $classes; }You can change the home class in
$classes[] = 'home';string to anything you like other than the Genesis/WordPress classes like .single, .page .post etcThen, using that class defined in the string, in your css, prefix this (I'll use the home class as an example).
.home .site-inner { padding-top: 0; }So if your custom class was say... mug, the code would read:
add_action( 'genesis_meta', 'am_custom_meta' ); function am_custom_meta() { //* Adds body class to the page template add_action( 'body_class', 'am_body_class' ); } //* Adds custom body class to the page function am_body_class( $classes ) { $classes[] = 'mug'; return $classes; }CSS:
.mug .site-inner { padding-top: 0; }Does that help? Let me know if you understand how it works. It's a really useful bit of PHP to know for the future.
Ben
In order to get it down to one row, you need to reduce the font-size to 30px in the .site-title section.
However, when I did this through Inspector, it reduced the site title down significantly.
Are you only planning on having the social and search boxes in the right widget area?
Do you only want it to appear on the front page?