Jump to content

Archived

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

jeomiland

How place 2 Mediaboxes side-by-side inside a column?

Recommended Posts

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.)

Share this post


Link to post
Share on other sites
batman

Hi jeomiland

Please, you can take a look to this

;)

 


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
jeomiland

Hey Batman

Thanks so much for that - seems like a DMS-101 and important kind of concept for anyone using this system to grasp!

However, there is still the issue of padding. If one or many of these side-by-side sections require padding (say there is a background color or image defining the section and you want some nice padding instead of text slamming into left-right box boundaries). then 2 boxes at 6/12 will still wrap to another line to compensate for padding being added to the total box width. So what's the best way to plan for this? You could use two 5/12 boxes and design the padding amount to work out just exactly right (so rt margin lines up) but is there a more elegant way?

thanlks

je

Share this post


Link to post
Share on other sites

  • Similar Content

    • 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
    • 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
      [email protected]
      media box.tiff
    • stoltz
      By stoltz+
      <br> seems to be out of order in media boxes after the latest WP and DMS 2 update. I've been using the following code in the text and embed HTML of the media box.
      <br>
      <br>
      text info here
      <div><button class="btn btn-ol btn-large" href="#ModalPopUp-Card1" data-toggle="modal" role="button">change <i class="icon icon-angle-right"></i></a></div>
      The <br> tag has been used to control the distance in relation to other elements.
      The effect of the <br> does not work anymore after the DMS 2 update.
      Is it a bug as this worked without any problems before the update?
    • stoltz
      By stoltz+
      <br> seems to be out of order in media boxes after the latest WP and DMS 2 update. I've been using the following code in the text and embed HTML of the media box.
      <br>
      <br>
      text info here
      <div><button class="btn btn-ol btn-large" href="#ModalPopUp-Card1" data-toggle="modal" role="button">change <i class="icon icon-angle-right"></i></a></div>
      The <br> tag has been used to control the distance in relation to other elements.
      The effect of the <br> does not work anymore after the DMS 2 update.
      Is it a bug as this worked without any problems before the update?
×