Jump to content

Archived

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

mikeeg8

Full Width Media Box

Recommended Posts

mikeeg8

Hi Guys,

 

Is there a way of having a full width Media box, that sits within a Canvas Area please?

 

Please take a look at this link:

 

http://www.atlantic-digital.co.uk/tugo/our-brands/

 

What I'd like to do - is have a full width image to sit on top of a canvas area that has a background image - so in this case, I'd like a pizza to sit on top of a stainless steel effect background (please see screen shot).

 

Can this be done please, and if so how would I do this?

 

Thank you.

Share this post


Link to post
Share on other sites
Danny

Hi,

 

There is no screenshot so I am not entirely sure what you're trying to achieve. However, the MediaBox out of the box is only content width only. However, I have created a full-width MediaBox, which you can download for free from GitHub.

 

Please be aware that if you use this section and encounter issues, we can not provide support and to install this section, you will need to use a child theme. As you will have to uploaded via FTP to your child themes sections folder.

 

https://github.com/Dannyholt/fullmediabox


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • jeomiland
      By jeomiland+
      Please refer to cassclayton.com/dev
      Need to place the 2 media boxes (that contain the ragged dark background for Playlist of month and Song suggestion) right under the content above that. Have a basic 2-column format for the page with sidebar widgets in narrow column to right and main content in large area left column. When I try to drag another 2-col section just under the other content, instead of what I want, a new canvas section (?) is formed into which the new 2-col is placed and this gets placed AFTER all that stuff in the narrow right column!
      How does one create a format where you can have multiple columns inside a column?
      I can perhaps do this manually with DIVs and float: left CSS, but that will make it very clumbsy for client then to update that content.
      Appreciate your insights, thanks
      JE
      Oh, also I have to drag out a 2-col twice before one of them stays on refresh (see post from the other day "2-colums inside other column - disappears on refresh? CSS not saving on refresh" - still waiting for reply on that.)
    • oseehys
      By oseehys+
      Can someone give me a breakthrough out here?
      I have been on the media player for like 5 hours now yet it is still not displaying on my media box or the textbox,
      its a free media player on soundclound
      Great day ahead to the developers out here...
      am trying to install the Toneden media player https://www.toneden.io/player to display my songs on sound cloud, i followed everything on the doc, but obviuosly am missing something i did everything i can for 5 hours yet no breakthrough, am using the textbox as display.
      This is the html script i used, what am i missing here? see it below
        (function() { var script = document.createElement('script') script.type = 'text/javascript'; script.async = true; script.src = 'http://sd.toneden.io/production/toneden.loader.js' var entry = document.getElementsByTagName('script')[0]; entry.parentNode.insertBefore(script, entry); }()); ToneDenReady = window.ToneDenReady || []; ToneDenReady.push(function() { ToneDen.player.create({''enter code here'' dom: '#player', urls: [''https://soundcloud.com/reginaspektor'' ] }); });
    • jeomiland
      By jeomiland+
      Thanks to some great feedback from a forum member and reconfiguring page design, I've got a media box in upper left of a site, small nav area right of that, then a nav bar area below that. What's best section to use for a simple clickable logo graphic you want to take users to home page? Don't see a place to set destination URL in Media Box attributes?
      http://verdanthomeproducts.com/
      thanks
    • jagipson
      By jagipson+
      I am trying to make a header like the following site: http://www.nd.edu/
      They have their logo with a blue and yellow bar. Above the blue bar its actually transparent. You can see the image underneath of the building. How can I accomplish this with the Fixed section on DMS? I just started the build here:  http://recruiterwebsitedesign.com/polymer/
      When I scroll down the bar in transparent but the top is white which looks like its the site wrap background. How can accomplish this?
       
      Thanks
    • ipitts
      By ipitts+
      Greetings! 
      We are using Pagelines >> DMS2 theme. We are using the DMS2 Media Box module on several pages throughout our site. The media box includes an image thumbnail with hyperlinked text (below the thumbnail - located in the embedded HTML text editor).  We would like for users to be able to click on the image in addition to the accompanying text. Is there a way to add a hyperlink on the image itself?
      Please see the attached screenshot. You'll see we have "Compatibility Matrix" thumbnail image & text within the "Text & Embedded HTML" section that provides an <a href="...."></a> to direct visitors to another page. 
      We tried to follow this post (http://slickmedia.co.uk/blog/glenns-blog/pagelines-dms-mediabox-add-link/), but it did not help us solve our challenge. 
      Thank you very much for your help,
      Marie Thiele
      Marketing Coordinator, Syn-Apps LLC
      480-355-6822
      mthiele@syn-apps.com
      media box.tiff
×