Jump to content
Sign in to follow this  
vanessacallaway

Please help- customize image sizes, hover font color

Recommended Posts

vanessacallaway

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

Share this post


Link to post
Share on other sites
James B

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 - http://demo.pagelines.me/tools/

 

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


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
vanessacallaway

Hi James,

 

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

 

Thanks,

Vanessa

Share this post


Link to post
Share on other sites
vanessacallaway

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

Share this post


Link to post
Share on other sites
Rob

Hi Vanessa,

 

You can use the Grid System code found here: http://demo.pagelines.me/tools/ 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:

<div class="row">
<div class="span4">The top image </div>
/div>
<div class="row">
<div class="span4">The bottom image</div>
/div>

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
vanessacallaway

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!

Share this post


Link to post
Share on other sites
James B

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>

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • jeomiland
      By jeomiland+
      Hi guys
      Hopefully an easy question. I have some custom code included in a Next section in a DMS site that I'm converting to platform5. What is the easiest way to insert my code into a "section" which I can easily add to my page structure with the platform5 page editor? I have the Embed extension but that takes javeascript, and my PHP test failed. Also have the Shortcodes extension, but looks like that only inserts objects into the WP-loop? and again, how to create a Hook that can go here?
      thanks...
    • KathleenAspenns
      By KathleenAspenns+
      I would like to upgrade my site to PHP 7, but there is an error warning in the PL Framework theme. I should think this should be fixed asap, I cannot be the only person trying to be up to date.
      1976 | ERROR | preg_replace() - /e modifier is deprecated since PHP 5.5 and removed since PHP 7.0
       
    • Dan Haddock
      By Dan Haddock
      DMS: Latest Version
      Running a Child Theme
      Wordpress: 4.8.3
      Plugins:
      Akismet Anti-Spam 
      Coming Soon Page & Maintenance Mode by SeedProd
      Contact Form 7
      Cookie Law Info
      DMS Professional Tools    
      Enhanced Media Library
      Flamingo
      Google Analytics for WordPress by MonsterInsights
      Google XML Sitemap    
      Jetpack by WordPress.com
      Legull
      Loginizer   
      MailChimp for WordPress
      PageLines Updater
      Really Simple SSL
      Schema App Structured Data
      Sucuri Security - Auditing, Malware Scanner and Hardening  
      Uber reCaptcha
      Yoast SEO
      Problem Below
      Hi Team,
      I am looking to style the Continue Reading Button with the PHP you provided in an earlier ticket here: 
       
      I put the PHP code into my site, however I do not get my Icon back, I just get back Read More >>
      I have attached a screenshot of the code in place on my site along with the output.
      Interested to know what I may be doing wrong? - I am very new to PHP so a bit apprehensive on this.
      The Images: https://drive.google.com/open?id=0B0i4JJXa2jdQN2xoakZNRUdmaU0
      Let me know if you need any more information from me.
       
    • Michael Kummer
      By Michael Kummer+
      Hi guys,
      I have noticed that all thumbnails on www.michaelkummer.com are scaled down in CSS or HTML, rather than on the backend by Jetpack's Photon. See https://db.tt/vNJCn7Gh and https://db.tt/3ZpkHM7G. 
      Any idea why Pins sets the image width and height to something much larger than what's shown on the screen? Is there any way to fix this so that Photon can do a better job in rescaling the images on the backend before they are delivered to the browser?
      Thanks
      Michael 
    • casseysdesigns
      By casseysdesigns+
      In the past I would use nextbox for this task. However, Platform 5 does not have nextbox. I will do my best to describe what I am trying to do.
      I am creating a template for coaches, each product has its own link but they all share a common coach id. I want to set up the templates with the links for each product with a variable for the coach id so that I can change the coach id for all the links on the site by just changing the value of the variable $coachId. To do this I'll need to do something like the following...
      <a href="salesite.com/productcodes/referringRepId=<?= $coachId ?>" target="_blank">Product Purchase Link</a> Is it possible to do this with Platform 5?
×