Return to previous page

Add A phone number to header - by masseyn

This topic has 18 replies, 3 voices, and was last updated 8 years, 8 months ago ago by Eva Kemp

masseyn

Participant

April 15, 2015 at 00:58

I want to add an image or some text to say call us on 01179 828180 on my home page to the left of the logo. There was a block here before i just cant work out what i need to do to activate this

#56960 Copied

17 Answers

masseyn

Participant

April 15, 2015 at 01:01

I have header 7 selected and i would like to put the number where the Just another wordpress image was ?

#56961 Copied

Eva Kemp

Support staff

April 15, 2015 at 10:26

Hello,

If you want to put a phone number beside the logo you need edit header.php file or you can enable top bar in Theme Options > Header and add the content in “Place in header top bar” area in Appearance > Widgets.

Regards,
Eva Kemp.

#57031 Copied

masseyn

Participant

April 15, 2015 at 22:02

Is there not a way to just change the image thats displayed to the left of the logo ?

#57271 Copied

Eva Kemp

Support staff

April 16, 2015 at 08:57

Hello,

Unfortunately there is no other way. You have to edit header.php in order to add your own content into the header.

Regards,
Eva Kemp.

#57337 Copied

masseyn

Participant

April 27, 2015 at 22:29

Can anyone tell me what to put in the header.php just to display an image to the left of the main logo on http://www.blccs.co.uk please…

#60117 Copied

Eva Kemp

Support staff

April 28, 2015 at 12:11

Hello,

You need edit the file wp-content/themes/woopress/headers/header-structure-2.php on line 21 replace the code <div class="tbs blog-description"><span><?php bloginfo( 'description' ); ?></span></div> with your image code <div class="side_image"><img src="YOUR_PATH_TO_IMAGE"></div>.

Thank you.
Regards,
Eva Kemp.

#60240 Copied

masseyn

Participant

August 13, 2015 at 00:14

Sorry for the late reply. I have recently updated my theme and now this has disappeared and i cannot find the code in the suggested file anymore.

Is there another way to do this ?

#79753 Copied

Eva Kemp

Support staff

August 13, 2015 at 11:39

Hello,

In this case you need create child theme http://codex.wordpress.org/Child_Themes and make changes in there so all modifications will be saved after theme update.
If you have difficulties with child theme we can create it for you.
Please provide us with FTP and wp-admin panel credentials in Private Content.

Regards,
Eva Kemp.

#79845 Copied

masseyn

Participant

August 14, 2015 at 01:43

Hi Eva,

I twould be great if you can help me get the header sorted. I also have a weird problem where thumbanils of my products are being stretched to fit the box.

Please, contact administrator
for this information.

#80001 Copied Theme version: 4.2.4 WooCommerce version: 2.1

Jack Richardson

Support staff

August 14, 2015 at 10:17

Hello,

We also need FTP credentials.

Thank you.
Best regards,
Jack Richardson.

#80061 Copied

masseyn

Participant

August 14, 2015 at 14:04

Sorry Jack, see in this post.

Please, contact administrator
for this information.

#80103 Copied
Jack Richardson

Support staff

August 14, 2015 at 14:53
Hello,

As you’re using the seventh header type you can add image in Theme Options > Header > “Header custom HTML (for 6, 7, 13, 14, 18 headers)”. I’ve uploaded your logo into there just for example and commented the code in custom.css:
```
.header-type-7 .header .tbs span{
display:none;
}
```
which prevented custom HTML content from displaying.
Also I’ve added this css code:
```
.header-type-7 .header .tbs span {
  border: none;
}
.header-type-7 .header .tbs span:before {
  display: none;
}
```
Now check your header.

Best regards,
Jack Richardson.
#80109 Copied
masseyn

Participant

August 14, 2015 at 17:03

I have added the image I want but cant get it to nicely in from the left inline with my content ?

Any more ideas ?

#80137 Copied
Jack Richardson

Support staff

August 14, 2015 at 18:05
Hello,

Please add this code in custom.css:
```
.header-type-7 .header .tbs span {
  right: 50px;
}
```
Best regards,
Jack Richardson.
#80154 Copied
masseyn

Participant

August 15, 2015 at 01:58

Great thanks that works and i can even add a top value to bump it down.

One last query on this subject but the image doesnt show in my Mozilla browser but works in Safari ?

Any ideas ?

#80207 Copied

masseyn

Participant

August 15, 2015 at 01:59

Also not showing on mobile ?

#80208 Copied
Eva Kemp

Support staff

August 17, 2015 at 12:22
Hello,

To show your image on mobile add this code in custom css:
```
@media only screen and (max-width: 992px){ .tbs.blog-description {
    display: block !important;
}}
```
I’ve checked your site in Firefox browser and the image is shown:
http://storage2.static.itmages.com/i/15/0817/h_1439810516_9287446_03a0408995.png
Is your browser updated?

Regards,
Eva Kemp.
#80381 Copied
Tagged: customization, design, header, phone, template, woocommerce, wordpress
Viewing 18 results - 1 through 18 (of 18 total)