How can I create media box, like the demo site?

[Edit Molnarne Gyuris]

HI,

I would like to create media boxes, like the demo site, and I saw the tutorial videos, but unfortunately I can’t make them.
I don’t know what should be the problem, but it’s true, that I’m not so good in css and html. I’m just on a low level.
Do you have an item, or anything else wich can help me create media boxes without any css?

Thank you!

[Sushil Adhikari]

Which media boxes are you trying to create? There are a few styles…

[Edit Molnarne Gyuris]

I tried to create media boxes based on this tutorial: https://www.styledthemes.com/circumference-lite-setup/282-how-to-make-a-media-box-like-the-demo.

[Sushil Adhikari]

What parts are you having problems with specifically and how many columns were you wanting…3 like the demo?

However, to get you started, this is the code for the live demo site that I put into the page (in the text tab view of your editor). While in text view, carefully replace the content with your own.

Media Box – Style 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed egestas posuere tortor, in tempus viverra turpis quis ante nec orci dapibus aliquet eu sed enimusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis tincidunt mauris pulvinar eu. Duis nisl sem, porta nec luctus ac, semper ut nisi.
Sign Up





Media Box – Style 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed egestas posuere tortor, in tempus viverra turpis quis ante nec orci dapibus aliquet eu sed enimusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis tincidunt mauris pulvinar eu. Duis nisl sem, porta nec luctus ac, semper ut nisiro.
See More





Media Box – Style 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed egestas posuere tortor, in tempus viverra turpis quis ante nec orci dapibus aliquet eu sed enimusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis tincidunt mauris pulvinar eu. Duis nisl sem, porta nec luctus ac, semper ut nisiro.
Download

[Edit Molnarne Gyuris]

Thank you the fast response!
my problem is, that I don’t see anything on my website, although I used this code, what you have been sent few minutes ago. I copied it in css editor, and I would like 3 column, as it is in the demo. I deleted the code of picture (only this:http://demo.styledthemes.com/circumference-lite/wp-content/uploads/2167437.jpg)
What do you think, what I make wrong?

[Sushil Adhikari]

You will want to make sure the page this is on is using a page template such as the full width one, but you need to be more clear of what you mean you see nothing on your website. You mean the page this code is in is not showing at all? Perhaps a link to the page this is supposed to be for, I can take a look.

[Edit Molnarne Gyuris]

Yes, exactly, I don’t see anything on my website; it means, this code, when I copy in css editor, and I click on preview, I don’t see anything. 🙁
I would like to use on my website the boxed small widht. NOw I have changed the width to full width (I tried the code with this width, but it’s not work), and now the slide show doubled on the site, and don’t know why.
I would like to put the media boxes on the main page, calls FŐOLDAL in hungarian.
My website is http://www.jatekmentor.com. If you would like, you take a look. And, if you have any advice, or idea, what should I have to do, please, inform me.
Thank you very much!

[Sushil Adhikari]

For the double slides, I think there is a problem with the Ken Burns effect for the plugin, so you may want to try a different effect. As for the other thing…not sure what is happening, so if possible, could I have a login for the admin? IF so, please send the username, password, and admin login link to my Support Email which you can find by going to the “Support” page and clicking on Email Support.

[Edit Molnarne Gyuris]

I sent you an e- mail for e-mail support.
Thank you very much!

[Sushil Adhikari]

Got it… logged in and made a couple changes to your slideshow, where I made the width as 100% and changed the slide effect to test out. I also changed your home page to the full width template, then I grabbed my demo site media boxes and put them into it. Everything shows.

[Edit Molnarne Gyuris]

Thank you very much for your help!! Everything is ok, I’m sooo happy! 🙂
(Sorry for late answer, but I was on short holiday with my family! 😉 )

Once more thank you for everything! 🙂

[Sushil Adhikari]

Good to hear… and no worries, we just went through a long weekend here, so I did not work too much 🙂

[Author]

Posts