Jump to content

Archived

This topic is now archived and is closed to further replies.

studio12

How do I link a MediaBox to a different page?

Recommended Posts

Aires

Hi,

Uploading the image and  getting the link to it is what I would do and then use this bit of code <a href="Add your page URL here"><img src="add your image url here"></a> If the image is already in your media just grab the link by clicking edit and the url is on the right and put that into the the code along with the page link and add that  into the text area of the media box .


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
Danny

studio12"] - @[member="Aires is spot on, follow the steps he has provided and this will work.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
studio12

That worked, but the padding from the bottom of slide to the top of the MediaBox changed. It's much greater using the Text and Embed HTML option you suggested than just using the MediaBox Image option. Is there an easy way to adjust this? -thanks

Share this post


Link to post
Share on other sites
Danny

Can you provide a link to the page where the linked MediaBox is please, so we can take a closer look.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
James B

Hi there try the below, edit the margin value to the figure you want the gap between each box to be.

 

#the-media-html p {

    margin: 0.5em 0;
}

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
studio12

Hi, I really appreciate your help.

1. I don't think I know where to enter the above code, I put it in Section Area / Styling Classes, and did not notice any changes.

2. Is it possible to lessen the gap between the two rows of Media Boxes? I tried both cloning 8 boxes in the same Section to create a 2 rows; and then cloning a Section of 4 boxes to make 8. Both ways seem to have about the same gap between the two rows. 

http://www.studiochurch.tv/home/

-thanks  

Share this post


Link to post
Share on other sites
Aires

Hi,

studio12 The piece of code that James posted goes into the     Custom LESS/CSS     area in the front end.


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
fmwebdesign

How can i open the hyperlink _blank ?

 

How long would it take that the option is directly in the plugin?

Thank you and best regards.

Share this post


Link to post
Share on other sites
Danny

If you want to use a MediaBox and have the image act as a link you will need to add your link and image via HTML instead of the using the image upload option.

For example:

 

<a href="Link goes here" target="_blank"><img src="Image path/URL here" alt="Alt text here..."></a>


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • triggerfish
      By triggerfish+
      Media Box not taking Google Maps input
      I have the EMBED MAP code from Google (which I have done 100''s of times before),
      I input it into the TEXTBOX or MEDIABOX SAVE it, and as soon as I refresh the page the text is gone (and of course there is no map).
      I have rebooted, refresh cache, everything with no luck..it just will not take the google maps input...it will however take and save a simple text input.
      I am using WordPress 4.5.1
      DMSVersion: 2.2.1.1
      The google code is:
      <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2602.466376170749!2d-123.11645494869879!3d49.286507879230314!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x548671828dbf1c61%3A0x489cbb919c49d6e!2s325+Howe+St%2C+Vancouver%2C+BC+V6C+3N2!5e0!3m2!1sen!2sca!4v1461869255884" width="800" height="600" frameborder="0" style="border:0" allowfullscreen></iframe>
      The website and CONTACT PAGE ( the map is next to the CONTACT VALRI text, there is a textbox and media box there) are here:
      http://valufitness.com/contact-us/
      Your login is:
      http://valufitness.com/val-login/
      USer= ***
      pass= ****
       
    • amb62137
      By amb62137
      Hi there,
      I am trying to change an image on hover using either MediaBox or TextBox. The image is manually inserted using the HTML box. 
    • pagelines_45
      By pagelines_45
      I am trying to remove the bottom padding from a media box.  When I inspect and change the value it works but I can not for the right css section names to change it in either the page css or custom code area.  I have even tried custom style for the page, but no luck.  Here is the site http://wordpress.howard-boats.com/  on the home page I am trying to get the wide sailboat image to touch the foot.  bottom-padding:0px  but I cant get it to work.  Thank you for your help I'm sure I am doing something stupid.
       
      David
       
    • dgsarnow
      By dgsarnow+
      I am really enjoying using Pagelines. One of the things that I find myself doing a lot is creating two column widths with an image on one side and text on the other. It is often really hard to get these things to look balanced with each other. Either the image is big and the text just hangs there or the text is.
       
      it would be great to have the option when using two columns or the Hero section to choose whether to align the content tops, bottoms, or along their vertical middles. I know you can do this with Mediabox and min-height, but then you are potentially left with a lot of extra space when the columns collapse in responsive mobile view.
       
      Just a thought.
    • todd@kitetails.org
      By todd@kitetails.org
      HI -   I've been having problems with MediaBox cropping a Youtube video I am trying to embed.   Regardless of the size of the video, the bottom is cropped out. This is also regardless of the "Disable Media Vertical Centering" function and "MediaBox Min Height" settings in MediaBox.   I've been using the "Text and Embed HTML" box to embed the video, using a Pagelines shortcode, [pl_video type="youtube" id="KxJlJ7NbYLY"]   Any possible ideas as to where I am going wrong?   Thanks in advance for the assist!   Todd
×