How to add info box on top page

hamasin

Hi there,
I have something to ask you on adding some box on top page like below;


In this case, I want to add box for "Get in toch" and "wat's new" on top.
I've tried them with html and CSS. But it doesn't work. Is there any easy way to do so?

Please help.

Thank you in advance.

ChancyRat

hamasin wrote: »

Hi there,
I have something to ask you on adding some box on top page like below;


In this case, I want to add box for "Get in toch" and "wat's new" on top.
I've tried them with html and CSS. But it doesn't work. Is there any easy way to do so?

Please help.

Thank you in advance.

Were you going to attach an image or include a link to the page?
Are the boxes you refer to, for text?

hamasin

Hi Rat,
I want to add some text in the boxes, like shop info and some social site link.
Then, background should be a slideshow.
Here is my site. It doesn't look that yet.

Thank you for your help.

hamasin

Hi there,
I want put some text box on Home like this link.
I guess those created by html and css.
If anyone knows how to add them, please let me know.

thanks

phaserbeam

On the linked site... what exactly do you want to do?
The "Welcome to ... YourName" box could be done by a simple html content box.

hamasin

Thank you
Here is my site

If I could add those boxes on home, I want to change full screen slideshow.

Thank you again.

phaserbeam

hamasin wrote: »

Thank you
I want to change full screen slideshow.

Select menu CUSTOMIZE, go to 'Customize Site' -> 'Background' -> 'Type:Slideshow' -> 'PhotoSource:Gallery'

hamasin

Thank you for response.
But that's about full screen slideshow.
I want the info boxes over the slideshow for my site.
here is my image on my mind;

Then, here is another example

phaserbeam

The Fullscreen slideshow will run in background, you can place whatever you want on your homepage. Those "boxes" can be done using simple HTMLcode using a HTML-content block

HTML:

<div class="box1"><h1>Test</h1><p>bla bla</p></div>

CSS:

div.box1 {
  background-color:white;
  padding:5px;
  width:100px;
  height:100px;
  position:fixed;
  bottom:30px;
  left:30px;
  color:black;
}

hamasin

Thanks, phaserbeam!!
It would work !
I'll try this!!

Thanks again!!