Jump to content

Archived

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

thesongchanneler

Widgetized Image blurry

Recommended Posts

thesongchanneler

Hello,

 

For some reason, when I widgetize an image by, uploading the media, linking it to a page, and dropping the html into a widget area in the "widget" tab, the thing works, but the image shows up SMALLER on the screen than when I just upload it as a pic in a "media box" component via pagelibnes. I can make the widget image bigger in the media file, but then it is blurry, whereas, automatically it is bigger and crystal clear when uploaded as just a media. My screenshot file was too big too attach, but please see webpage: devorakalma.com. The top pic (of the girls with the pink text) is just a media file; below it is the file in a widgetized area...   it is at 12/12 capacity and cannot be made bigger in editor. And as said, it just becomes blurry when made bigger in media. IS THERE A WAY TO DIRECTLY MAKE THE MEDIA BOX IMAGE CLICKABLE? Instead of going through dropping it in a widgetized area? I just want it to be large and clear, the way the top image looks. And to be able to click on it. Thank You!

 

website: devorakalma.com

Share this post


Link to post
Share on other sites
thesongchanneler

PS when I input the widget html code into the html box for the media file: <a href="http://www.devorakalma.com/?page_id=179"><imgclass="aligncenter  wp-image-201" src="http://www.devorakalma.com/wp-content/uploads/2015/02/slumber-party-girls-trioPICmonkeeyed2-300x210.png" alt="PageLines-slumber-party-girls-trioPICmonkeeyed2.png" width="402" height="328" /></a> 

 

instead of the media image, it just creates the smaller, blurrier pic as when I input it the other way... 

Share this post


Link to post
Share on other sites
Danny

Hi,

 

The image you have in the widget is using this image:

 

http://www.devorakalma.com/wp-content/uploads/2015/02/slumber-party-girls-trioresized2-300x210.png

 

The one in the MediaBox is using this image:

 

http://www.devorakalma.com/wp-content/uploads/2015/02/slumber-party-girls-trioPICmonkeeyed2-e1424913767481.png

The two images are different. When you upload an image to WordPress it creates multiple sized images. The one you're using in the widget is 300x210 pixels in dimension. Therefore, if you want the same sized image, use the same image. Also, in your code do not use width="" height="" as that is setting the image smaller as well.

 


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
thesongchanneler

Oh I see what happened now. It's not that I used different pics (I went back and deleted all versions of the pic and re-uploaded one, so I know I used the same one. But for some reason, when inserted the media into a "Page", it defaulted to a smaller version of the pic, and if I tried to then change the dimensions some other way, it made it blurry. But I was able to choose "use full size image" on the right hand side, and now it seems it is all working :) Thank You, Danny! I wouldn't have caught that if you hadn't given me that info. 

Share this post


Link to post
Share on other sites
Danny

No problem, happy to help.


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
    • 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
    • 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?
×