Forum Replies Created
-
AuthorPosts
-
MarcyParticipantMarcyParticipant
No, you aren't missing something; I am. On the page you using, it should be .page-id-145 which is what I thought before I posted, but I checked the theme before posting, and saw the other. Sorry about that.
.page-id-145 .header-image .site-header .wrap {
background: url(images/spm-logo1.png) no-repeat left;
padding: 0;
}The browser cache may need to be cleared before you see the new image.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantFirst in your WordPress dashboard you would hover over the post or page and then look way down at the bottom of your browser to see a link. You will see something like:
...post=xxxx... where the x's are numbers
(You can also find this by viewing source or using Firebug to look at the body.)Then in style.css, find this section:
.header-image .site-header .wrap {
background: url(images/logo.png) no-repeat left;
padding: 0;
}.header-image .site-title a {
float: left;
min-height: 164px;
width: 100%;
}Just below the code above, add a new selector:
.postid-xxxx .header-image .site-header .wrap {
background: url(images/new-logo.png) no-repeat left;
padding: 0;
}You can name the image anything you like and you can add it to your /images folder with ftp or upload it with the Media uploader and then get the complete url to the image.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantMarcyParticipantThanks, Brad! Nice code! Well, all your code is great! 🙂
PDXnative, One widget area with three widgets, as Brad posted, should word great! And Brad's code is for HTML5, so no conversion needed.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantIf you have code that just needs to be converted to html5, then you will need to look at this page to see the comparison.
http://www.studiopress.com/news/genesis-2-0-resources.htmYou will want to look at #2 and #3
2. Genesis HTML5 Markup Comparison
3. Genesis HTML5 Loop HooksThis will show you how to convert your hooks and markup to html5.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantIt looks like you're using Arvo font for headings, and Open Sans for body. And that the fonts are loaded in your functions.php; at least I don't see them loaded in style.css.
So unless you want to edit your functions.php, the easiest way though is to add the plugin Google Typography. Here are the selectors for the areas you mentioned, so that you can add them to the plugin. You can choose the selectors you want to change from the css below.
h1,
h2,
h3,
h4,
h4 a,
h4 a:visited,
h4.widgettitle a,
.entry-title a {
font-family: 'Arvo', 'Lucida Grande', Helvetica, sans-serif;
color: #333;
}body,
input,
textarea,
.entry-title a {
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
Marcy | Amethyst Website Design | Twitter
MarcyParticipantOK. This might work better for what you're trying to do.
Add the Genesis Simple Sidebars plugin - http://wordpress.org/plugins/genesis-simple-sidebars/This is what it does: This plugin allows you to create multiple, dynamic widget areas, and assign those widget areas to sidebar locations within the Genesis Framework on a per post, per page, or per tag/category archive basis.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantYou're welcome! I'm glad it worked for you.
You could also remove the border-radius selectors, if you're sure you won't ever want to round the corners or make circles.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantSo are you creating a custom menu for each page in Appearance > Menus?
And then are you using the Custom Menu widget to add them all to the Primary Sidebar in Appearance > Widgets ?
And then what are you using to hide or show each Custom Menu widget? Widget Logic? Jetpack Widget Visibility?
With Jetpack widget Visibility, you just select pages
With Widget Logic you would use:
is_page('807')
for each of your Custom Menu Widgets, where 807 is the page id. This should work OK.
I have never tried it with that many menus, but with other widgets, it works.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantYes, where ever you need to remove the circles, find this code
border-radius: 50% 50% 50% 50%;
And either remove it or change it to
border-radius: 0;
Marcy | Amethyst Website Design | Twitter
MarcyParticipantYes,I checked your blog, but it says it's not WordPress, so I guess if it is, it's pretty well hidden.
You can try using a jQuery RSS feed reader like this one http://www.zazar.net/developers/jquery/zrssfeed/
Marcy | Amethyst Website Design | Twitter
MarcyParticipantThe floating social bar only shows on "single" pages, not blog pages. Your home page is a blog page, so I don't think it can show on your home page. You could ask on the plugin page on WordPress.org - http://wordpress.org/plugins/floating-social-bar/
Marcy | Amethyst Website Design | Twitter
MarcyParticipantWhen I look at Outreach style.css, I see this section:
@media only screen and (max-width: 1200px) { .wrap { width: 960px; } #header { background-size: contain !important; } #title-area { width: 330px; }
The width of the #title-area in the main section is 400px, but when the size of the browser window is less than 1200px, the width of the #title-area should only be 330px as in the code I pasted. This doesn't show in your site. If you can find the "@media only screen and (max-width: 1200px) {" section and make sure bot the #header and the #title-area lines above are in, it should help.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantYou have to tell it which selector to use for the background image. You can do this in your style.css
Right now you have a section that I think was created when you uploaded a custom background in your WordPress Dashboard or Theme Customization.
body.custom-background { background-attachment: scroll; background-color: #F4F1E9; background-image: url("http://kyandiicards.com/wp-content/uploads/2012/06/background.gif"); background-position: left top; background-repeat: repeat; }
You can add a new selector for the page id you want in your style.css or in a Custom CSS plugin:
body.page-id-5621 { background: #f4f1e9 url(http://kyandiicards.com/wp-content/uploads/2013/07/background-174?—300.gif) top left repeat !important; }
I think you will need the !important to override the custom background.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantDo you have a StudioPress (Genesis) WordPress site? The link you gave is not.
This forum is for questions on Genesis WordPress sites.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantGenerically you can try this:
In the typography plugin, click Add New.
Then you can try adding the Google font you want with the CSS selector (in the last box on the right) of .galleryThat should get most of the selectors in your gallery; otherwise I need to see a link your site.
Marcy | Amethyst Website Design | Twitter
September 26, 2013 at 4:43 pm in reply to: Center logo within menu (Genesis/Modern Portfolio) #64387MarcyParticipantOne last thought. If you use the journalextra.com tutorial to make a full width widget area, then you could:
- add 3 widgets
- make each 33% wide (or adjust to fit what you need in them)
- add a custom menu widget to the first and last, each with some of your menu items
- add the logo to the center, probably with a text widget. You would need to make sure that you added the link and any meta needed
Marcy | Amethyst Website Design | Twitter
September 26, 2013 at 4:32 pm in reply to: Center logo within menu (Genesis/Modern Portfolio) #64386MarcyParticipantThe Theme Forest site does this:
- Both the menu and the logo are inside the header
- They are both absolutely positioned
- The z-index of the menu is less than the z-index of the logo, so the logo is on top
- There are an even number of menu li elements
- The menu li elements are all the same width, so each side is equal
- The right margin of the li:nth-child(2) is 320px which is the width of the logo areaThe things that make it awkward to do this for your menu are:
- there are an odd number of menu items (li)
- they are all different widths
- they don't fit well if they are all the same width (at least I don't think so, and it won't help with the odd number)
- At some width the menu will be under the logo, so you will have to decide when to drop it below againHere is some code that you can try out to see how it looks:
#nav {
position: absolute;
top: 30px;
width: 100%;
z-index: -2;
}
Then you can float some of the li's left:
.genesis-nav-menu.menu-primary li {
float: left;
}Then for the last 2:
.genesis-nav-menu.menu-primary li:nth-child(4),
.genesis-nav-menu.menu-primary li:nth-child(5) {
float: right;
}
Or instead of the above with float: right; you could try:
..genesis-nav-menu.menu-primary li:nth-child(4) {
margin-left: 260px;
}
Adjust the margin-left to suit.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantYou can use Google Fonts to add Open Sans
http://www.google.com/fontsThe easiest way it to add Google's @import to the top of your style.css. Depending on which weight of the fonts you choose to include you may also need to add a font-weight.
This plugin can also help with Google Fonts.
http://wordpress.org/plugins/google-typography/
Marcy | Amethyst Website Design | Twitter
-
AuthorPosts