[Doug]

Can I make you an admin? The site is under construction.

Thank you, Anitac.

Doug

[Doug]

When I look at it again, the logo is taking up the full width:

#header {
background: url("http://wp.loavesfishespantry.org/wp-content/uploads/cropped-Logo_301.png") no-repeat scroll 14px 20px transparent !important;
margin: 0 auto;
min-height: 180px;
overflow: hidden;
width: 1152px;
}

[Doug]

The logo is here:

.header-image #title-area, .header-image #title, .header-image #title a {
display: block;
float: left;
height: 180px;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 490px;
}

[Doug]

Anitac,

Here's the css:

/* Header
------------------------------------------------------------ */

#header {
min-height: 180px;
margin: 0 auto;
overflow: hidden;
width: 1152px; /* Changed from 960px to 1152px on 2.13.13 */
background: url("http://wp.loavesfishespantry.org/wp-content/uploads/cropped-Logo_301.png") no-repeat transparent 14px 20px !important;
}
#title-area {
float: left;
overflow: hidden;
padding: 20px 0 0;
width: 490px;
}
#title {
font-size: 48px;
font-weight: bold;
line-height: 48px;
margin: 0;
text-shadow: 2px 2px #000;
text-transform: uppercase;
}
#title a, #title a:hover {
color: #fff;
text-decoration: none;
}
#description {
color: #999;
font-size: 13px;
text-shadow: 1px 1px #000;
text-transform: uppercase;
}
#header .widget-area {
float: right;
padding: 25px 0 0;
width: 468px;
position: relative;
}
/* Image Header - Partial Width
------------------------------------------------------------ */

.header-image #title-area, .header-image #title, .header-image #title a {
display: block;
float: left;
height: 180px;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 490px;
}
.header-image #description {
display: block;
overflow: hidden;
}
/* Image Header - Full Width
------------------------------------------------------------ */

.header-full-width #title-area, .header-full-width #title, .header-full-width #title a {
width: 1152px; /* Changed from 960px to 1152px on 2.13.13 */
}

Doug

[Doug]

Hi, Anitac

Is there anyway to upload screenshots?

Doug

[Doug]

Yeah, Dave

Especially when there are instructions or directions to be followed in a certain sequence.

Namasté,
Doug 🙂

[Doug]

Dave,

My mistake: I fixed it:

I needed to code a div with a class of entry-content around the whole ol.

Thank you VERY MUCH for your time and valuable help. I deeply appreciate it!!!

Peace, Doug

[Doug]

David,

It's still not working...

I have taken away the responsive code and given the ol a class of .entry-content; and, it still won't work:

1. Go to http://health-safetysolutions.com/360training.com
2. Select a Course Library (Construction, General Industry, Hazardous Waste).
3. Select the desired course by clicking on the check box located next to the course title, and then “add to cart.”
4. Verify the course title and quantity and click on the “checkout and proceed” button.
5. Provide student information on the registration page and click on “information correct proceed with registration.”
6. On the billing page, select method of payment, fill in the appropriate data fields and click on “information correct proceed with registration.”
7. The next page will show a confirmation receipt, with student’s login information.
8. Proceed to take the course.

=======

06 Lists
---------------------------------------------------------------------------------------------------- */

.entry-content ol,
.entry-content ul {
margin-bottom: 26px;
margin-bottom: 1.625rem;
}

.entry-content ol li,
.entry-content ul li {
line-height: 1.625;
}

.entry-content ol li,
.entry-content ul li {
margin-left: 40px;
margin-left: 2.5rem;
}

.entry-content ol li {
list-style-type: decimal;
}

.entry-content ul li {
list-style-type: disc;
}

.entry-content ol ol,
.entry-content ul ul {
margin-bottom: 0;
}

/*

====================
Sorry to bother you, Dave; this is really bumming me out.

Doug

[Doug]

Hi Dave

I tried this; but, it's still not working:

#Elearning ol li {
margin-bottom: .5em;
margin-left: 40px;
margin-left: 2.5rem;
}

Am I missing something?

Thank you!
Doug

[Doug]

John,

You are a good person; and, I thank you immensely for all your help. If I could give virtual gold stars, you would get two!

I will implement and get back to you again.

Peace to you in the Black Hills,
Doug

[Doug]

Hi, John

The FTP issue has been resolved...and...

It works! (Mostly, it's getting clipped on portrait devices: http://responsinator.com/?url=cbhmboston.com

Can you advise how to get the logo to fit perfectly, John. Thank you for all your help!!! 🙂

Namasté,
Doug

[Doug]

This reply has been marked as private.

[Doug]

John,

Thank you, kindly. I will try that and get back to you.

My complaint with StudioPress responsive demo themes is that they are responsive only when using the Title Area (text); but, not at all when it comes time to want to use an actual logo.

I agree with you completely.

Namasté,
Doug

[Doug]

Thank you, dev

I didn't want to say this; but, I've tried Nick's plugin twice and could not get it to work for me either time.

Thank you anyway,
Doug

[Doug]

Thanks, Brad

Have you yourself done any Mobile First coding?

Dougg

[Doug]

Hello, I would like to make my Metro header responsive—especially for an iPhone; my site is at http://cbhmboston.com

Please advise, anitac, and thank you!!

Sincerely,

Doug

[Doug]

Thank you, anitac. I will try that.

Doug

[Doug]

Thank you, Brad; I will try that.

I appreciate your input.

Doug

[Doug]

Brad,

Thank you; I found it. But there are no instructions on how to get the previous and next buttons to appear centered! Do you know of any documentation for this slider or is there none?

example of what I'm talking about: http://cbhmboston.com

Thanks, Doug

 

[Doug]

Dorian,

It worked! Thank you, thank you, thank you; you are a good and helpful person. 🙂

Namasté,

Doug

[Author]

Posts