Return to previous page

Logo size, footer and search bar - by Annahartshorn

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

Annahartshorn

Participant

August 19, 2014 at 13:51

Hello,

1) I added custom css code to the home page to make the logo wider. However I want the logo wider on every page – is there are way of making this a site wide change rather than adding custom css to every page?

2) Also when I made it bigger on the home page, it is now not centered on a tablet.

3) Is there a way to make the search bar smaller?

4) I have selected footer one (the white, small one). It has changed to wide but is still the big footer. Why isn’t the smaller footer showing?

Thanks

Anna

#12955 Copied

7 Answers

Jack Richardson

Support staff

August 19, 2014 at 13:54

Hello,

Please provide us with wp-admin credentials in Private Content.

Regards,
Jack Richardson

#12956 Copied

Annahartshorn

Participant

August 19, 2014 at 14:47

Here it is in private content.

Please, contact administrator
for this information.

#12967 Copied

Jack Richardson

Support staff

August 19, 2014 at 15:21

Hello,

As we can see you didn’t rename default.custom.css to custom.css. You should rename it and add all you css changes to custom.css file.

Regards,
Jack Richardson

#12968 Copied

Annahartshorn

Participant

August 19, 2014 at 16:32

Sorry how do I do that? Can you give more detail?

#12985 Copied

Eva Kemp

Support staff

August 19, 2014 at 16:39

Hello,

Please watch this video tutorial how to create custom.css file:
https://www.youtube.com/watch?v=Qok2zRedRMY&list=PLMqMSqDgPNmD4uhGI1IBhr1iaEy81TMff&feature=share&index=1

Regards,
Eva Kemp.

#12987 Copied

Annahartshorn

Participant

August 19, 2014 at 16:55

Thank you. You actually sent the theme installation video, but I found the custom css one.

Can you tell me if it is simple to change the area around the logo (above the menu) into one large image or not?

I also wondered if its possible to change the size of the search bar?

And I also had a problem with the footer (in my post above).

Thanks

#12990 Copied
Eva Kemp

Support staff

August 19, 2014 at 19:27
Hello,

1. To make logo image wider please add this code into custom.css file:
```
.header7 .logo img {
    max-width: 600px;
    width: 600px;
}
```
2. If there is still a problem on mobile device please let us know.

3. You can change the width of search form adding this code into custom.css:
```
header .et-mega-search {
    width: 180px;
}
```
4. Could you please clarify with more details the issue you have with the footer?
Thank you.

Also as I see you haven’t renamed default.custom.css yet. Please do this for the changes you make in this file to take effect.

Regards,
Eva Kemp.
#12998 Copied
Viewing 8 results - 1 through 8 (of 8 total)