It worked for the most part.Two of the images are smaller but that is due to the fact of their original size, So I’ll have to fix those two.

Square images for the thumbnails only or square images for the larger versions? It’s kind of difficult to have a square image when the full size is rectangular (longer height then width).

I’ve actually just removed the image from that first slide, but now it’s just the gray container background…

Thanks Ismael,

I added those lines but it didn’t change anything. Please see this screenshot:

So essentially I’m going to just keep the text on that first slide, and hope that the first slide can be completely transparent and show the background image instead (which is the same image that the slide has right now, but is misaligned every time the aspect ratio is changed).

Thanks

I removed the background image from the Color section and added the above css to Quick CSS as you suggested. The background image is not centered and is not resizing responsively when the larger random quotes appear.

Any ideas?

* FYI: I previously placed the following styles in the enfold-child/style.css file to style the quotes and author:

/* START Easy Random Quotes plugin section */

/* jv: investigate > For Developers: Section ID > id="section-quotes" later.
#section-quotes {
	background-color: #bbff00;
}
*/

#quotes {
	text-align: center;
	margin: 0 5%;
}

/* jv: Formats quote */
p.quotes-caption {
	margin: 0 0;
	font-size: 1.25em;
	line-height: 1.3em;
	color: #0f75bc;
}

/* jv: Formats quote signature under quote */
p.quotes-signature {
	margin: 5px 0 0 0;
	font-size: 1.15em;
	line-height: 1.3em;
	font-style: italic;
	color: #898989;
}

/* END Easy Random Quotes plugin */

Hey Ismael,

Thanks for the quick response. That ended up squishing the images vertically a bit, but I set the width at 28px as well to maintain the aspect ratio and that worked, thanks!

Hi again . . . there’s another issue I noticed after doing this. The logo looks fine in terms of sizing but when a user scrolls down in the browser then the header div shrinks in height and the logo is cut in half. I’d like that header to always stay the same size even if someone scrolls down.

I saw the two solutions for what sounded like similar issues posted on this theme’s support page in Themeforest and I tried both but they didn’t work for me.

I tried modifying one solution to:
#header_main .container, .main_menu ul:first-child > li > a {
height: 88px !important;
line-height: 88px !important;
}

html.fixed_header #main {
padding-top: 88px;
}
With the above the header stays the same height but the lower content scrolls up and under the header, and the logo image is cut in half.

The page is here: http://calleridnotes.com/homepage

Thanks!

Okay, this worked originally when i did it… the code is still in there – I made some changes to the images in those three columns and then they went back to not lining up again – I took the code you gave me out, then i put it back in, to no avail – they are not lining up again – any suggestions as to why this is happening?

Thank You!

• This reply was modified 12 years, 3 months ago by Eleina_Shinn.