[anotherusername]

So I asked if the $60 Framework included a default child theme which I could roll with, or if someone could suggest a theme to purchase for my project, so I would be able to consider it.

If you buy the $60 framework, then aside from the other themes that are sold by studiopress (and the free basic child theme) there are also many genesis 2.0 child themes out there that are free as well.

And if that wasn't enough for you, there are also some free genesis 1.0 themes if you insist.

But if you don't have the time to develop them, then pick whichever theme is best for you and is going to need the least amount of development - whether it is a genesis framework or not.

And for what it's worth, neither basic, pascal nor fortran knowledge is going to be particularly helpful when it comes to learning wordpress / genesis. An HTML background will be helpful though.

sorry if I might appear negative. I am just trying to save you money and frustration.

[anotherusername]

It could be I who is confused 🙂

Firstly, could you link to a page with a CTA that you DO want to be affected by these rules???

It looks to me that the CSS rules for the genesis extender plugin is affecting how the button looks.

I am not familiar with this plugin, but maybe just to confirm, you could disable that plugin and see if it affects that comment button.

These appear to be some of the rules from that plugin that are affecting the comment button: (in particular, it is - I believe - the input[type="submit"] selector, but I have been known to be totally wrong in the past, so practice due diligence.)

button-cta-black-border, input[type="button"], input[type="reset"], input[type="submit"], .button-cta-black-border, .entry-content .button-cta-black-border {
    border: medium solid #000;
    color: #000;
    cursor: pointer;
    font-family: Lato,sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 12px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

Sooo... if that is the case, then we will need to look at how you can limit the genesis extender CSS from overriding the default comment button.

One thing is, do you have the Style Trump plugin from Carrie Dils?

http://www.carriedils.com/genesis-style-trump/

That is a start, as it will allow your genesis css style sheet to be loaded afterwards.

But that is only part of the fix. Most likely if you want to apply those styles to ONLY the CTA, you are going to have to find the parent div of the CTA so that we can restrict the selectors even further.

Hope this helps.

And I apologize if I am totally misunderstanding what you want. I have been known to bark up the wrong tree many a time.

[anotherusername]

Well, that is ONE way to do it...

but yeah, if you mess with it that way, then you are going to have to work some CSs magic in there to make sure that it looks nice depending on the media queries.

But really, the CORRECT way is they that YOU KNOW HOW to do.

I would probably hack the template and put in another widget area, but that is just me.

[anotherusername]

Hi ya, Kellylise:

do you mean this:

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content .button {
	background-color: #222;
	border: none;
	color: #fff;
	cursor: pointer;
	font-family: 'Raleway', sans-serif;
	padding: 16px 24px;
	text-transform: uppercase;
	width: auto;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.entry-content .button:hover {
	color: #fff;
	background-color: #e8554e;
}

.entry-content .button:hover {
	color: #fff;
}

.button {
	display: inline-block;
}

[anotherusername]

You appear to be calling that first image with this code:

<img class="alignleft wp-image-4174" src="http://www.nct-archive.org/nct-archive-content/uploads/2014/12/Smithsonian1.jpg" alt="Bandbox from the Kendall Collection" width="250" height="200" />

So that is going to prevent your image from resizing.

P.S. If you strip out the width and height inline, how do you control the size so it’s not larger than one wants?

One thing you can do is use the max-width css tags. You can use either a pixel value or a percentage value (and then the image would be related to the size of its parent element).

I would suggest reading up on the difference in CSS between width, min-width, and max-width, but in short, when you say, width="250", it is telling the image to be EXACTLY 250px ALL THE TIME, and not to be larger nor smaller.

[anotherusername]

Firstly, nice photography.

When you say "target blog elements," which elements in particular are you trying to target?

Usually there is a class assigned to the body element so that you can target things on a per page basis.

for instance if you go to your weddings page and inspect the body element, you will see there is a .page-id-9 class tag

But I don't see any distinctive class tag in the body element of the blog archive page.

I am kind of surprised that there isn't one there. I am sure you could add a body class tag using filter hooks though.

Hope this helps.

[anotherusername]

Which image are you trying to change?

Be sure that you don't have width and height declared inline in your image tags.

[anotherusername]

Glad it worked!!!

[anotherusername]

Genesis is NOT the easiest theme / framework to use, unfortunately.

It IS very FLEXIBLE, and that flexibility allows you to develop all sorts of special features.

But... you really should know php, css, and how wordpress handles hooks if you want to customize it.

Otherwise, I would go to one of the different wordpress sits that sell themes and just find a them that is as close as possible to what you want first.

BTW: "least expensive option" rarely - if ever - means best... or even "appropriate." I mean, I used to shop for clothes and tried to always purchase "the least expensive" option. Now, my wife doesn't allow me to buy clothes for myself.

~~~~

One more thought: If your site is going to be having lots of training courses, certificates of completion, etc., you could POSSIBLY do it in wordpress, but I would probably look at something like Drupal instead. WordPress is first and foremost a blog with added functionality. Drupal is more of a true CMS.

[anotherusername]

One thing you can try is reducing the padding for the tablet width media query that is in this rule:

.parallax-home .simple-social-icons ul li {

You have the left and right margin at 10px, and you can reduce it to something like 3px and that should still look pretty good for most tablets.

Once you get down to smartphone sizing, the media query for that removes all padding.

Hope this helps.

[anotherusername]

You are going to need to write media query rules for your .site-titel a and for your .site-header

Basically you will need to determine how big you want everything and start working on your min-height for site-title a and also on your margins and paddings for the header.

That doesn't look like it is a studiopress them. You might get better support if you ask on the forum where they sold you the theme (of course, you are always welcome to ask here, too. Just trying to figure out where you might get the best / fastest advice).

Hope this helps.

[anotherusername]

Do you have the html file posted somewhere online so we can see the difference between how it appears correctly and how it is appearing incorrectly?

[anotherusername]

can you please post the solution here?

[anotherusername]

Ahh... ok.

I am pretty sure you would use filter hooks then.

Try using the html5 theme support first and see if it helps to solve everything:

Enable HTML5 Markup

[anotherusername]

I apologize that I am a little bit lost as to WHY you want to do this?

if they already have an ID, then it should be easy to target them without having to add a class.

Is there something page-specific you are trying to apply?

There’s another forum post about using filters, but there aren’t any filters for the footer, inner and header. They only worked with html 5 elements.

You might want to double check the reference for the old filter hooks, which will help you translate HTML5 hooks in to html4 hooks.

http://my.studiopress.com/docs/genesis-markup-comparison/

For instance, the xhtml equivilant of .site-header would be the #header div. So if there is a filter that references .site-header, you SHOULD be able to just change it to #header (I believe).

alternatively, I think you can add html5 theme support by adding this to your functions file:

Enable HTML5 Markup

But I haven't tested myself yet.

Hope this helps.

[anotherusername]

@ Yonishak:

You need to find a support forum for MAGENTO, not for Genesis / WordPress.

I am sorry that the support for Magento CE is almost non-existant, but unfortunately, you are unlikely to find any help here.

Maybe you can ask on stack exchange or some of the other support forums out there.

Hope this helps, and good luck.

[anotherusername]

Well... it COULD be easy, but I think you might get a quicker answer by contacting stueiopress directly.

Most Geneses themes have at least two places where you can locate the drop down menu. (a primary and a secondary location).

So you might ask them where exactly the secondary menu location is on the executive theme.

The issue is that the different PAGES and POSTS won't have a slider on them, so once you have the menu positioned right on the home page, it probably won't look right on the other pages.

Unless you want to start studying up on code and learn how to unhook actions based on conditionals.

It ain't rocket surgery, but really, if you are going to be using genesis, then you should learn how to code.

[anotherusername]

Not 100% sure I understand what you want.

But what I BELIEVE yoiu want to do is change this set of rules from this:

#header {
    color: #FFF;
    margin: 0px auto;
    min-height: 125px;
    text-shadow: 1px 1px #000;
    width: 960px;
}

to this instead:

#header {
    color: #FFF;
    margin: 50px auto 0;
    min-height: 125px;
    text-shadow: 1px 1px #000;
    width: 960px;
}

Basically, you would change this line:

margin: 0px auto;

to this:

margin: 50px auto 0px;

Hope that helps. Apologies in advance if this is NOT what you were asking.

WARNING: Completely irrelevant and potentially snarky comment to follow:

Now is the time to really start looking into having a a responsive theme - especially for a real estate site.

I would imagine lots of people would be driving around and see a for sale sign with that company's name on it. then they would use their phone to check out the company's site.

Just my two centavos...

[anotherusername]

It sounds to me like you are going to need to write media queries for your css.

As long as you have

.home .welcome-message .wrap {width: 1240px;}
.home .welcome-message h1{font-size: 3.6em;}

WITHOUT having media queries, then the text and the div it is in won't resize. The div will remain 1240 px while the h1 font size will still be 3.6em (which is pretty big).

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

[anotherusername]

If hipstershaun is correct, and you want the layout of the embryo-transfer page to look smilar to the dairy-services, then you would probably need to use the Avia Layout Builder, which I am assuming is already installed on that site.

If you look at the CSS for the dairy-services page, you can see that the content field is using columns created by that Avia layout Builder.

Hope this helps.

[Author]

Posts