Forum Replies Created
-
AuthorPosts
-
January 21, 2015 at 1:03 pm in reply to: Responsive Slider – Remove Border & Space Around Image #138204MarcyParticipantMarcyParticipant
It's difficult to say without a link to your website.
Look at your source code using Firebug or Chrome Developer Tools. Look at the .sub-menu code. Is it still showing a display: block at smaller screen sizes?
This is what hides the sub-menu for me in the @media query section:
.genesis-nav-menu.responsive-menu, .genesis-nav-menu.responsive-menu > .menu-item > .sub-menu { display: none; }
Also in the CSS in the top section for desktop, do you specifically refer to .nav-tertiary .genesis-nav-menu with the .sub-menu? If so, then you have to be that specific in the CSS in the @media queries.
Marcy | Amethyst Website Design | Twitter
January 20, 2015 at 1:00 pm in reply to: Responsive Slider – Remove Border & Space Around Image #138113MarcyParticipantTry moving the slider CSS up into your main CSS section in your style.css.
You want that CSS for ALL screen sizes.When a tutorial tells you to add the code to your style.css, they usually mean just BEFORE the @media sections, unless they tell you to add to a particular @media section.
It looks to me like your slider CSS is currently stuck down in the @media sections, and it looks to me like the parenthesis around your @media sections are off.
First move the slider CSS above ALL @media sections.
Then carefully look at what you have in the @media and match the close parentheses on each of those sections.
Go back to the original CSS to compare line-by-line, if you need to.You can do this!
Marcy | Amethyst Website Design | Twitter
January 20, 2015 at 11:47 am in reply to: I have a CSS style sheet on my page, is not allowing it to show #138093MarcyParticipantIt's probably better to put that CSS for that page into your style.css.
You can target just that page by the ID.
Every page has it's own body class of the form "page-id-807" where the 807 changes for every page.
To find your page ID, in your WordPress Admin:
Click Pages > All Pages
Then hover over the page that you want to style.
Look down in the bottom LH corner of your browser:
You will see a URL with "post=807" for example.
Get that ID number.Then in your style.css, use this to style the .entry for example:
.page-id-807 .entry {
/* Add your styles here */
}
Marcy | Amethyst Website Design | Twitter
January 20, 2015 at 11:30 am in reply to: Simple Social Icons widget missing in 1140 Pro install #138087MarcyParticipantDid you install the Simple Social Icons plugin from your WordPress Admin?
Plugins > Add New
And then in the Search box add Simple Social Icons
Then install and activate.
Marcy | Amethyst Website Design | Twitter
January 20, 2015 at 11:09 am in reply to: Responsive Slider – Remove Border & Space Around Image #138082MarcyParticipantThis is what you have:
.home-slider #genesis-responsive-slider { border: none; !important; padding: 0; !important; }
Note that you have two " ; " per line, and I have only one. Perhaps you could just copy and paste?
Marcy | Amethyst Website Design | Twitter
January 20, 2015 at 12:19 am in reply to: Responsive Slider – Remove Border & Space Around Image #138014MarcyParticipantIn the tutorial, in the style.css section, Sridhar has:
.home-slider #genesis-responsive-slider { border: none; padding: 0; }
This is the section that removes the white and gray borders.
If it doesn't work when it is added like that, you may have to use !important, like this:.home-slider #genesis-responsive-slider { border: none !important; padding: 0 !important; }
Marcy | Amethyst Website Design | Twitter
January 15, 2015 at 11:32 pm in reply to: Agency Pro – integrating pricing table from Centric theme #137632MarcyParticipantYou can do one of two things at the smaller screen size where the ecommerce button pops out of the box.
1. Reduce the text size and maybe the left and right padding. Your content is just too large for your boxes.
2. You can make the boxes go to 100% width at that media query size.The second thing about the last box being too tall compared to the center box on desktop sizes is also the same problem; your content is too large in the last boxe, and is making the box larger. Maybe just have ecommerce on the button or use smaller text for that button.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantYou can open your style.css
Find this section:
.home-featured .home-widgets-1 { display: table-cell; font-size: 20px; padding: 200px 0; vertical-align: middle; width: 100%; }
Look at the line padding: 200px 0;
Change the 200ps to a smaller number, like 100px.
Please post a link to your website next time; it's easier for someone to help you that way.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantThere are three ways (that I know of) to work with responsive header images.
1. You could try this plugin; it uses several different image sizes.
http://designsbynickthegeek.com/plugins/genesis-responsive-header2. You can follow this tutorial.
http://sridharkatakam.com/use-inline-logo-instead-background-image-genesis/
It adds the logo directly into the html, so theimg { max-width: 100%; height: auto;}
takes care of resizing it, and there is no min-height involved.3. The other method is just to reduce the min-height (and also max-width for your logo) a couple of times at different media query sizes.
I decide when to do it by when there is just "too much" white space, not necessarily by device screen size.
For some logos, only one extra is needed, and for others I do several. For yours, I would reduce the size of both the max-width, and min-height at least two time.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantYou may still have old posts/portfolio items with the same name in your WordPress trash or as saved entries in the database.
A plugin like WP-Optimize - https://wordpress.org/plugins/wp-optimize/ - will remove all those saved database entries. Then you should be able to edit the slug of the posts and remove the -6.
WP-Optimize is easy to use, but read what is checked to delete; you may have Drafts that you want to not delete. I use it manually and Deactivate between uses.
Also if you use a WordPress cache plugin be sure to flush the cache before you try to rename the post slugs.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantFirst try clearing your browser cache.
Second, it looks like you are using HostGator, and they automatically install a caching plugin now; I forget which one. You should either deactivate it while you are working on the site, or if there is a Flush Cache link in the WordPress Admin, you can use it. GoDaddy has a Flush Cache, but I haven't actually worked on a Hostgator site since the cache.
I see Facebook links and icons on all the sites.
Marcy | Amethyst Website Design | Twitter
January 15, 2015 at 10:00 pm in reply to: "Instruction Manual" for how to customize Cafe-Pro's Different Theme Elements? #137618MarcyParticipantWhen you log into MyStudioPress - http://my.studiopress.com/
If you look next to the Café Pro theme, you will see a Download link and a Theme Setup Link.
Open the Theme Setup.
You will see:
First Steps
Pre-Installation Setup
Child Theme Installation
How To Import Demo Content
I'm assuming you have done the first two, since I can see your site.
Try importing the Demo Content. It will add everything like the theme. Then you can go through and edit it with your content and images. It's an extra step, but makes setting up a complex theme much easier.Follow through the Theme Setup Instructions step-by-step. Yes, it may take a bit longer, but you will have a beautiful site when you are finished.
If you don't understand something, you can contact Support or post on this forum. But ask one question at a time.And the text, like on the Front Page, does go away as soon as you add a widget.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantThe hook 'genesis_after_post_content' is pre-HTML5 hooks; all the Pro themes are HTML5 which has different hooks.
I think that I would try using 'genesis_after_entry_content' or maybe 'genesis_after_entry', depending on where you actually want it.
There are 2 newer plugins to use for your custom post types.
Genesis Sandbox Featured Content Widget - https://wordpress.org/plugins/genesis-featured-content-widget/
Featured Custom Post Type - https://github.com/calliaweb/featured-custom-post-type-widget-for-genesisThe hook guide is in your MyStudioPress under Tutorials. It has the HTML5 and older hooks.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantThanks, Carlo; What was I thinking.
Leonard, you have not posted a link to your website per the forum guidelines, so we can't help you for your specific case.
What you need to do is to find out the CSS selector that is used by the plugin, and then you will need to make sure that at phone sizes, you have in your @media CSS for that selector:
display: block;
Marcy | Amethyst Website Design | Twitter
MarcyParticipantThose are affiliate products. She is using a plugin that will add the affiliate products to her website.
Here are 3 to look at:
https://wordpress.org/plugins/shopping-pages/
https://wordpress.org/plugins/amazon-product-in-a-post-plugin/
https://wordpress.org/plugins/moneypress-amazon-le/
https://wordpress.org/plugins/amazon-masterI don't know which (if any of these) is being used or which is best. You could ask about affiliate plugins or ask on the site you listed. Or you could see what Amazon.com recommends.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantYou can do that - make posts or pages in boxes that float 3-across the page - with Genesis Featured Posts or Genesis Featured Pages Widgets.
But if your links are going offsite instead of to a post or page, you need something different.
A "catalog" plugin will do this. Or an e-commerce plugin with the prices set to none or hidden with "display: none;"If you want to code it yourself, here is a step-by-step to use Genesis column classes to organize your text and images.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantIf you look in your style.css, you will find .archive-description and .archive-title.
These are the selectors that add styles for the top of the category pages. If you want something different, then you need to change the styles on these. For instance, if you wanted a larger title, and maybe make it yellow like your links, you would use:
.archive-title { font-size: 36px; color: #e0a421; }
If you want a border around the box, you would add:
.archive-description { border: 2px solid #e0a421; }
There are also some other things that you can do too. I have a blog post that tells you how to use the WordPress editor (from a page or post) to add an image and more styles
.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantYou're on a staging site at WPEngine; you will need to ask them.
Sending emails has to do with your hosting and/or WordPress and not your theme.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantSlider excerpts usually have "display: none;" for smaller screen sizes.
You can look in your @media sections, and if you have a "display: none;" for your slider, you can comment it out, like this:
/*display: none; /*
If you don't see that, then you need to find the @media section for the size that your slider excerpt disappears.
You will need to add "display: block;"That's all the help I can give because you didn't provide a link to your website.
Marcy | Amethyst Website Design | Twitter
-
AuthorPosts