email address and phone number

hi,

How do I put Book Now above the email and phone number in www.margaretriverexposed.com.au
and put the email and phone on separate lines.

Many thanks
Liz

 

Hi,

Greetings from InkThemes,

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.header-container p {
    margin-top: -11%;
    margin-left: 47%;
}
.header_text {    
    font-size: 16px;
    margin-right: 186px;
}

Hope this helps...!

Thanks & Regards!
Nitin
InkThemes.com

 

Hi I tried that but it didn't work. I have the following code in styling options at the moment.

DIV DIV DIV.grid_24 DIV.page-content DIV.fullwidth {
left: 0!important;
}

.page-heading h1{
display:none;
}

.textwidget iframe {
width: 100%;
height: auto;
}

.gallery p {
padding-right: 68px;
}
.main-content h1 {
color: white;
}
.main-content p {
color: white;
}
.slider-wrapper-container{
background: transparent !important;
}
.slider-wrapper-container h2{
color: #000000;
}
.slider-wrapper-container h1{
color: #000000;
}

.top_right_corner {
float: right;
margin-top: -166px;
line-height: 0.6;
margin-right: 2%;
}
.slider-wrapper-container h2 {
color: black;
}

.rsImg {
width: 81px;
margin-left: 47px;
margin-top: -33px;
}

.rslogo{
width: 35px;
}
.main-content a h1,
.main-content p {
color: black !important;
}

.top_right_corner p {
margin-bottom: 13px;
}
.wu-wrapper .wu-search input, .wu-wrapper .wu-search input:focus {
padding: 10px 112px 10px 31.25px;
}
.page-content {
padding-top: 5;
}

.flexslider .slides img {
height: 385px !important;
}

div.wpcf7 img.ajax-loader {
display: none !important;
}

.slider_info p {
font-size: 12px !important;
text-align: center !important;
}

.slider_info h1 {
text-align: center;
}

.header-container {
background-color: white;
}

}

.header_text {
float: right;
margin-top: -75px;
font-size: 20px;
margin-right: 164px;
}

 

Hi,

I just checked your site and noticed that the Book Now option is already above the email and phone no..

And as per your another issue, i.e. put the email and phone on separate lines.

So for this, you just only have to add <br /> tag after phone no code in header.php file and the code will be like (given below)..

<a href="tel:040-911-0067">040-911-0067</a> <br />

Hope it will resolve your issue

Thanks & Regards!
Priyanka
InkThemes.com

 

Thanks so much Priyanka. One more thing, how can I move the 'Book now' and contact details to sit between the logo and Tripadvisor logo.

Many thanks,
Liz

 

Hi, Liz..

Please paste the code given below in Custom CSS field of your dashboard.

Code:

.header p {
    text-align: center;
    margin-top: -111px;
    margin-left: 87px;
}
.top_right_corner {
    margin-top: 0px;
}
.header_text {
    text-align: center;
    margin-left: 100px;
    margin-top: -12px;
}

Hope it will resolve your issue

Thanks & Regards!
Priyanka
InkThemes.com

 

Thanks for all your help Priyanka. Now how do I move the trip advisor logo back to the right so it is under the click here for reviews text?

Many thanks
Liz

 

You're welcome, Liz..

Use below code to move trip advisor logo under the click here for reviews text..

Code:

div#TA_certificateOfExcellence156 {
    margin-left: 87px;
}

Thanks & Regards!
Priyanka
InkThemes.com

 

awes0me, thank you so much

 

You're welcome..

Thanks & Regards!
Priyanka
InkThemes.com