Forum Replies Created
-
AuthorPosts
-
ramseypMember
Hi there,
You're actually seeing the images display as they're supposed to with this theme.
On varying sizes of screens, the images will appear differently. It looks like the theme doesn't lock the four sides of the image to the screen, rather it centers it to the screen, while ensuring the image at least hits the shortest axis (up-down, left-right). I would try images that are at the width & height of the ones that are used in the demo. They are 1600 pixels wide and 1067 pixels tall.
There will more than likely be some part of the image that is cut off.
December 13, 2012 at 5:08 pm in reply to: How Do I Change The 'Page Title' On Individual Pages? #5078ramseypMemberHi Richie,
Depending on what you want there, you would have to do some editing of the page-title.php file in the theme (minimum) directory. That file has several conditional statements there that output the #page-title div. What it places in there, depends on the conditional that's triggered. You mentioned two category archives. page-title.php is set to display "From the Blog" on any category, tag, or date archive (along with single posts, search results, or author archives).
Do you want it to not show on those pages or do you want it do something different?
ramseypMemberHi Bryan,
I see the script loading inside the head of the site, so it's being inserted by Genesis successfully. (Looking at the URL with Chrome.) WordPress really has nothing to do with disabling javascript - I've never heard that before. You might need to check with who you got the script from to see if they can see it load on the site, or if they have any tips for troubleshooting it.
ramseypMemberCharlie,
You're talking about using the Hooks that Genesis has in it for adding & removing structure and content to a theme. If you want to add a div above the header, for example, you would use the genesis_before_header hook to add the action that outputs the new div.
There is a good article on the Genesis framework here, along with the next one, which goes through the add_action steps. I've created a Gist with some example code that you can use in your functions.php file: https://gist.github.com/4265532
The trick is the div's contents. If it's hardcoded, you can code the content into the HTML in the function. Otherwise, you need to include some means of inserting content: a widget, a Loop that grabs a Post or Page, something that reads a settings field in theme settings, etc. It can get more advanced if you're not experienced at this, but it's not at all impossible.
ramseypMemberHi there - can you include a link to the site where we can see this?
ramseypMemberBryan, in your Genesis Theme Settings (Log into WordPress, look in the main menu on the left for "Genesis", then "Theme Settings". On that page, at the bottom, are boxes where you can paste any necessary javascripts for your site. That script you have should go in one of those.
December 12, 2012 at 12:15 am in reply to: Default WP Gallery Styling, Captions Under Thumbnails #4642ramseypMemberKent,
WordPress's post galleries output as an HTML Definition List. Each image is a DT element (tag) and the caption is a DD element, which comes after the DT. To change this, you'll want to insert your gallery on the page / post, switch to HTML view, and then edit the gallery shortcode you'll see there.
The reference for this is here, in the WordPress Codex: Gallery Shortcode. Scroll down to the line that reads, "Some advanced options are:"
You can change the tags for each gallery item, the image, and the captions. For example (without the dash and the space next to each square-bracket):
[- gallery itemtag="div" icontag="span" captiontag="p" -]
That would output the gallery as a series of divs, with the image in a span tag and each caption in a paragraph tag. Depending on how you want to design your gallery will determine the correct HTML and then the necessary CSS.
ramseypMemberGah. Trying to get code snippets in here is a wee-bit frustrating.
You can see the proper line of CSS at this link: http://pastie.org/5514534
ramseypMemberHrmm... I didn't notice that the first line of CSS I wrote down got mangled. It should read:
#header > .wrap { width: 960px; margin: 0 auto; }
(There's a greater-than symbol after #header.)
I don't see any CSS applied to the .wrap div inside #header, looking at your site. Double-check the CSS & see if it changes things.
ramseypMemberHi Hank,
You have a couple of steps to take to make this work. First, you'll need to set a constraint on the div in #header with the class of wrap. In your style.css, you can set this declaration:
#header > .wrap { width: 960px; margin: 0 auto; }
This sets the contents of the header to the width of the #inner div and aligns the div with #inner.
You want to next edit the style.css to remove the left margin from the title area. Look for this in style.css:
.header-image #title-area,.header-image #title, .header-image #title a
Remove this line from that style declaration:
margin-left: 400px;
You now have a header that will align content with the left & right sides of the #inner div. Your header image, though, is a bit out of place. You'll want to edit the image so its contents are shifted approximately 30 or so pixels left.
-
AuthorPosts