Jump to content


Photo
- - - - -

Please help- customize image sizes, hover font color

custom image images font color hover color php

  • Please log in to reply
7 replies to this topic

#1 vanessacallaway

vanessacallaway

    Member

  • Members
  • 10 posts
  • Country: Country Flag

Posted 21 March 2013 - 09:41 PM

Hi there, if you're reading this, thank you for reading! 

I am desperately trying to put two images side by side, with a small margin of space between them. And I would also like to figure out how I would put two horizontal pictures atop each other (like a typical blog post, one pict atop another) but change the image size, ex: The top one would look more square and the bottom would be equal in width but not in height?!

 

Thanks again in advance!!

 

Vanessa



#2 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 22 March 2013 - 01:07 AM

Hi Vanessa,

 

You could use the Pagelines Grid to display your images. The grid will split the area up into columns using shortcodes. You can then place your image inside the shortcode to get it to display in the required layout. See the grid section here -

Please Login or Register to see this Hidden Content

 

Otherwise you could put the images together in the correct format in a photo editor like photoshop and save as one image, then upload.

 

Hope this helps



#3 vanessacallaway

vanessacallaway

    Member

  • Members
  • 10 posts
  • Country: Country Flag

Posted 25 March 2013 - 08:15 PM

Hi James,

 

Thanks for responding.. how do I get/use Pagelines Grid.. do I have to pay more for it?

 

Thanks,

Vanessa



#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 25 March 2013 - 08:36 PM

No, PageLines Grid is free. Please see the Grid System section here:

Please Login or Register to see this Hidden Content



#5 vanessacallaway

vanessacallaway

    Member

  • Members
  • 10 posts
  • Country: Country Flag

Posted 25 March 2013 - 08:44 PM

Hi Catrina,

 

Thanks for responding.. I guess maybe I'm not reading it right.. Is the Grid something I get like a plug in or how do I use it?? I'm not seeing where I put in on my site?

 

Thanks,

Vanessa



#6 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 25 March 2013 - 09:58 PM

Hi Vanessa,

 

You can use the Grid System code found here:

Please Login or Register to see this Hidden Content

in a post, page or text widget. If using it in a Post or Page, make sure to select the Text view. You'll find the code shown there. You can, for example, use something like this:

Please Login or Register to see this Hidden Content

Make sure you replace the language I inserted above with the proper HTML for the image (and any link).

 

If you need additional explanation, please let us know.



#7 vanessacallaway

vanessacallaway

    Member

  • Members
  • 10 posts
  • Country: Country Flag

Posted 04 April 2013 - 08:08 PM

Hi Rob.. Its not working! Thanks for you response.. I'm feeling a bit amateur.. Where would I put the HTML links for the images.. For example, I have two pictures I'd like to put side by side in the same line...what exactly do I need to write?

 

Thanks!



#8 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 04 April 2013 - 08:27 PM

Hi there, you need to paste your code into the text view of the page/post. You can access this via the text tab in the top right hand corner of the wordpress editor on the post/page screen.

 

Then using Rob's code as an example you'd need to use

 

<div class="row">
<div class="span6">Your content </div>
<div class="span6">Your content </div>
</div>






Also tagged with one or more of these keywords: custom image, images, font color, hover color, php