[dabyrom]

Hi,

All of the testimonials on virtual staff finder link to the same page, the testimonials page.  That leads me to the easy/lazy solution.

Create images with 3 testimonials on them in photoshop or gimp.  So when you slide it slides one image but all three testimonials because they are part of said image.  The image would link to the testimonials page.

This would avoid custom code and headaches and achieve virtually the same result as virtualstafffinder.

[dabyrom]

Hi,

Go into you CSS stylesheet and on line 1832 is where the responsive design code begins.  There are 3 different responsive size options.  960px, 600px and 480px.  You will need to decide which of these sizes you want to adjust for.  Let's assume it's only an issue at the two smaller sizes.

Go to line 2013: @media only screen and (max-width: 600px)

Drop down a couple lines and add:

.wp-caption {
width: 50% !important;
}

That should make it responsive for both 600px and 480px but if not, add the code again under the @media only screen and (max-width: 480px)

Of course you could add the code under 960px option if desired.

You can also adjust the width percentage to whatever you want.  So instead of "width: 50% !important;" you could do 33% or whatever your heart desires.

[dabyrom]

The covert messenger plugin always looked interesting to me, but I haven't had a reason the use it yet.  Its kind like a sneaky pop-up.  Warning, standard squeeze page ahead: http://covertmessenger.com/

[dabyrom]

Hi,

I will try to help.  The title can be removed with css.
#title {
display: none;
}

The title and the posts can also be removed by editing the functions or page templates with hooks.  I'm not the best at this but I usually get it right through trial and error.  So the best thing I can do for you is point you to some tutorials so you get the idea.

Post Info

http://my.studiopress.com/docs/hook-reference/

The first link has an example of code to remove post info.  The second link has the hook reference guide.  You can play with it by using the code to remove post info and replacing the post info hook with whatever hook you want in the reference guide, be it removing the title, header, post content, whatever.

Another way to learn is to look up custom page templates for Genesis.  Creating a custom page template is a great way to learn what creates what on your page, like the header and posts, etc.

I wish I could tell you exactly what steps to take but I might break your site. 🙂

[dabyrom]

Hi Frank,

There are lots of tutorials for Genesis posted on various blogs.  Many of them have helped me a great deal.  Google around and you might stumble on a solution.  Not exactly ideal but it's helped me out a lot.  By the way, I completely understand your frustration with Genesis help, as do many others.

Any issues you are currently seeking a solution for?  Post it on the forum and usually someone will try to help.

 

 

[dabyrom]

Hi Mark,

Go into your css style sheet and scroll to the very bottom.  On line 2323 you will see: @media only screen and (max-width: 400px)

Skip down a couple lines and add the following code:
#gallery-4 .gallery-item {
    float: none !important;
    width: 100% !important;
}
Now go up to line 2256 and see: @media only screen and (max-width: 600px). Add the same code a couple lines below.

Voila! Responsive.

[dabyrom]

I'm not sure I understand what you are asking but I will try.

When you copy the website url and paste it into facebook, it retrieves the post information and lets you choose a thumbnail if there is one.  After you paste the url and facebook has retrieved the info, you can back out the url and write whatever you want for a headline, whether it be a unique headline or just backing out mysite.com/example to say mysite.com.  Press share and done.

Did that help or did I miss what you were asking?

[dabyrom]

Please post a link to the website so we can see the issue.

[dabyrom]

I'm sorry but I'm not sure how to help on this one.

[dabyrom]

Hi,

Sorry it took so long to respond.  I checked out your site and it looks like you figured most things out.  To change the text color in the footer left (the text below Get Life & Business Advice) you need to add this to CSS.
#footer-widgets p {
color: #216c2a;
}

To change text color in the rest of the footer:

#footer-widgets {
color: #216c2a;
}

Where to best add this may be under Footer Widgets on line 1280.

[dabyrom]

Line 327 of your CSS you will see:

.menu-primary li li a,
.menu-primary li li a:link,
.menu-primary li li a:visited,
.menu-secondary li li a,
.menu-secondary li li a:link,
.menu-secondary li li a:visited,
#header .menu li li a,
#header .menu li li a:link,
#header .menu li li a:visited {
-moz-border-radius: 0;
-webkit-border-radius: 0;
background: none;
border-bottom: 1px dotted #333;
border-radius: 0;
box-shadow: none;
color: #777;
font-size: 13px;
padding: 5px;
position: relative;
text-transform: none;
width: 138px;
}

Change the color from #777; to #fff;

If you want to change the color when you hover over it go to line 356:

.menu-primary li li a:active,
.menu-primary li li a:hover,
.menu-secondary li li a:active,
.menu-secondary li li a:hover,
#header .menu li li a:active,
#header .menu li li a:hover {
color: #fff;
}

It's already set to white so there will be no hover effect when you change the non hover from grey to white.

[dabyrom]

Hi ntety,

I assume you want your header to be centered.  This can be done on line 193 of your CSS.  It looks like this:

#title-area {
float: left;
overflow: hidden;
width: 35%;
}

The easiest way is to change it to this:

#title-area {
text-align: center;
}

I'm not an expert so I don't know if this way is more correct:

#title-area {
margin: 0 auto;
overflow: hidden;
width: 35%;
}

You would have to play with the width to get everything to line up on option 2 so I go with option 1.

[dabyrom]

I'm using Metro.  What do you mean by Archive Intro Text?

[dabyrom]

Hi Malt,

You are going to have to dive into CSS.  It's not as bad as you think, I just started a few weeks ago and feel like I've got a good grasp now.

Use the inspect element tool in your web browser to practice CSS as it allows you to make changes and see the results in real time in your browser without actually changing the CSS on your website.  Once you get it right, you go in and officially change your CSS.  This is how I learn and it works well.  Firebug add-on for Firefox seems to be the most popular but I'm partial to Safari and Chrome built in element tool.  Just right click the screen and you should see an option to inspect element.  Now, to answer your question:

Starting around line 614 of your CSS is the headlines.  Looks like:  /* Headlines.  Under this are the settings for the H1, H2, etc.  What you want to target is "font-size: ?px;"  The question mark will have actual numbers that dictate the size of text.  Your H3 looks like this:

h3 {
font-size: 30px;
}

So play with it until it looks like you want it to.  Again, best to play around with the inspect element tools before making real changes.

[dabyrom]

What theme are you using?  I moved my breadcrumbs with css but all I had to do was adjust it up a few pixels.  You can use the genesis hook reference to see how far that gets you: https://my.studiopress.com/docs/hook-reference/.  Try changing 'genesis_after_header' to 'genesis_before_header' and see where it ends up.  Then adjust css accordingly.

I'm new to programming and genesis so I help this info helps.  I've had to mess with hooks and css a lot on my new site.  Trial and error until I get things right.

[dabyrom]

You need to target the element in CSS.  Most people use a firefox add-on called firebug.  I like using the one built into Safari or Chrome.  Just right click the page and you will see an option to inspect the element.  Play around with it, you can change the css stylesheet in your browser and watch the website change without actually changing the website at all.  It's a good way to practice.

First you need to target the specific post which is post-91.  Then target the elements you want to remove which are post-info on line 940 of css and post -meta which is a few lines below.  On both you will see "display: inline-block;".  We need to change that to "display: none;" just on post-91.  So add this to your stylesheet:

.post-91 .post-meta,
.post-91 .post-info {
display: none;
}

I would add that just above the post-info code.  So your new code will probably end up on line 940.  Remember to leave one line blank between this code set and the next.

[dabyrom]

Hi Cassie,

You are probably having problems because the theme is set-up for a landscape background.  The default background image is 1440 x 900.  Here is the link: http://demo.studiopress.com/metro/files/2013/01/bg.jpg.

Maybe you could edit your image to fit those dimensions.  Right now the theme is forcing those dimensions which is why your portrait size is cutting off the top and bottom.

I also wonder if your problem could be fixed with CSS styling but I'm not smart enough to tell you how.

[Author]

Posts