Right upper corner of homepage

Hi,
how can I put a contact box and wright a small text on the upper right side of the homepage. I deleted the search box but don't know how to create the box and put it on the side.
My website is
www.details-international.net

Thanks

 

Hello,

Go to the header.php file present in your theme directory and paste the code given below

Code:

<p> Enter your contact detail here </p>

in the place of code

Code:

<?php get_search_form(); ?>

See the image for reference.



Now,
Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.top_right_bar {
margin-top: -20px;
}

You can adjust the value of "margin-top" as per your requirement.
This will solve your issue.

 

Piyush,
could you send me private message and help me with putting this in? I don't want to do any mistakes and I am kinda confused.
Thanks

Benji

 

Hello,

Could you please provide us the contact text that you want to display on the top right.

 

Showroom & Office Hours

Monday - Friday 7.30 am - 5.00 pm
Saturday 10.00 am - 4.00 pm
Sunday by appointment
Call: Ben (808) 445 - 8546

 

Hello,

So put your address text in your "header.php" file as piyush explained you under paragraph tag <p></p>.
Your address will come on the top right side of your website.
It won't mess any of your information in website.

 

Ok, I see this:
Do I have to post it somewhere here?

}
.top_right_bar {
margin-top:0px;
margin-left:-0px;
}
.header .top_right_bar .social_logos {
list-style-type:none;
float:none;
width:124px;
margin:0 auto;
}
.header .top_right_bar #searchform {
background:url(images/searchbg.png) no-repeat;
width:202px;
height:37px;
position:relative;
float:none;
overflow:hidden;
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
display:block;
}

 

Hello,

Sending header.php file with this post.
Download and replace it with your existing header file of the theme.
After that paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.top_right_bar p {
float: right;
}

This will solve your issue.