Return to previous page

FEW LITTLE THINGS TO ADD - by fairplay - on WordPress WooCommerce support

This topic has 76 replies, 5 voices, and was last updated 10 years, 6 months ago ago by Jack Richardson

fairplay

Participant

April 28, 2015 at 09:11

1. I want to hide logo on the top. Is this possible?

2. I need menu to be without two lines top and bottom

3. I would like boxed layout but just menu and logo to be full width across whole page. Also i would need some bigger width search form between logo and menu words. Or if that doesn’t look good then just without search form.

4. When i scroll down the page, the menu also goes with me, but because i have so big logo, menu is very big. Is possible that logo shrinks much more when i scroll down?or if this doesnt look good, Also is possible that logo is even not there when i scroll down? Or i would also need to be able to put there some promo banner is it possible?

#60177 Copied

75 Answers
Brian Johnson

Member

April 28, 2015 at 10:16
Hello

You may add following variants of code to the custom.css:

1.In this varint logo is not shown and menu is centered for fixed variant:

.main-nav .double-border {border:none!important;}.main-nav {border:none!important;} .logo-with-menu{display:none!important;} .logo {display:none!important;} .menu-main-menu-container {text-align:center} .menu{width:100%!important}

2.Second variant of code will make fixed header with logo to be 100% width.
//fixed header with logo for 100%://
.fixed-header .menu-main-menu-container {text-align:center}
.fixed-header .menu{width:100%!important;height:50px;margin-top:50px;}
You should edit wp-content/themes/legenda/js/etheme.js in line with following code var headerHeight = $('.header-wrapper').height() + 20; and change 20 to 0 . this will make fixed header to alway shown. Therfore you can hide default menu with : .menu-wrapper{display:none;}
3. You may upload .png with logo and banner. Or manually edit wp-content/themes/legenda/header.php and add your banner image above the menu.

We strongly recommend to make all changes for *.php files within the Child Theme. You may read about Child theme here: http://codex.wordpress.org/Child_Themes

With best regards
Brian Johnson
#60202 Copied
fairplay

Participant

April 28, 2015 at 13:37

Thanks for very quick reply.

Now everything is a little messed up.

1. I would like menu to be aligned on the left of the page. And also logo if possible that is aligned in same line but that can be bigger trough whole place that is now on the site. I tried to do that but if you look at my site the logo gets very badly shaped. take a look at my site online.

2. I would like when i hover over menu words the color to be azure, or most similar to my logo color as possible, where do i set that, because now color is green?

#60269 Copied

Brian Johnson

Member

April 28, 2015 at 13:57

Please provide us with picture of what you exactly would like to achieve.

With best regards
Brian Johnson

#60278 Copied

fairplay

Participant

April 28, 2015 at 14:09

I would like for example to be like this:
http://www.azurefilm.com/wp-content/uploads/2015/04/whatineed.jpg

and when i scroll down, menu shrinks and becomes a little smaller logo size and also menu height is smaller.
like this: http://www.azurefilm.com/wp-content/uploads/2015/04/whatineed1.jpg

2. i also need color of words when i hover over them to be color of my logo or as close to it as possible.

#60282 Copied

Brian Johnson

Member

April 28, 2015 at 14:19

Please provide us also with ftp credentials.

With best regards
Brian Johnson

#60291 Copied

fairplay

Participant

April 28, 2015 at 14:26

Here:

Please, contact administrator
for this information.

#60292 Copied

fairplay

Participant

April 28, 2015 at 14:37

Here is FTP details:

Please, contact administrator
for this information.

#60296 Copied
Eva Kemp

Participant

April 28, 2015 at 15:36
Hello,

Please try to use this code in custom.css file:

.header-type-3 .main-nav .menu { margin-right: 300px; } .header-type-3 .logo-with-menu, .header-type-4 .logo-with-menu { width: 120px !important; } .fixed-header .menu { margin-top: 0px !important; }

.main-nav .menu > li > a:hover, .main-nav .menu > li.current-menu-item > a {color: blue;}

Thank you.
Regards,
Eva Kemp.
#60321 Copied
Brian Johnson

Member

April 28, 2015 at 16:52
1.I have edited a bit custom.css and added following code into the style.css of the Child Theme:

.header3 {background:white} .header3 .logo{text-align:center} .header-type-3 .main-nav{background:white;} .header-type-3 .menu{width:100%;float:right;} .header-type-3 .container{width:80%!important;margin-left:auto;margin-right:auto;} .header-type-3 .menu-main-menu-container{display:block !important;width:100%!important;padding-top:20px} .main-nav .menu > li a:hover{color:blue!important;} .main-nav .menu > li a:visited{color:blue!important;} .logo-with-menu a img{width:100px !important;display:block;} .logo-with-menu {width:100px !important;float:left!important}

2. I have changed header.php for fullwith header.
3. Color of links changed to blue in code above. You may replace it with your color using this service http://colpick.com.

Please check your site now.

With best regards
Brian Johnson
#60343 Copied
fairplay

Participant

April 28, 2015 at 17:19

Which commands do i have to change to again header to be just boxed layout and for the logo to be inside boxed layout, and also menu to be in the middle of logo azurefilm but at the end of left side of boxed layout?

Also for the menu i need it to be black but when people click on it or hover over words it has to change color into whatever i will choose. like it was before not like it is now. When nobody touches menu it has to be black words.

#60356 Copied

fairplay

Participant

April 28, 2015 at 17:40

Sorry i misswrited on previous message, i need menu to be in the middle of logo but on the end right side of the boxed layout. Sorry!

Also which code from this site: http://colpick.com do i have to put where in the custom.css?

And do i now have to change custom css in the wordpress or style.css in cpanel?

#60358 Copied
Brian Johnson

Member

April 28, 2015 at 18:28
Child theme should contain only one style.css.Please replace previous code in style.css of the Child Theme with this:

.header3 {background:white} .header3 .logo{text-align:center} .menu{text-align:right!important;} .header-type-3 .main-nav{background:white;} .header-type-3 .menu{width:100%!important;float:right;} .header-type-3 .container{width:95%!important;margin-left:auto;margin-right:auto;} .header-type-3 .menu-main-menu-container{display:block !important;padding-top:20px} .main-nav .menu > li a:hover{color:blue!important;} .main-nav .menu > li a:visited{color:black!important;} .menu > li a:active{color:black!important;} .logo-with-menu a img{width:100px !important;display:block;} .logo-with-menu {width:100px !important;float:left!important}

2. This part from code contains color adjustments for hover and currently actve or selected link:

.menu > li a:hover{color:blue!important;} .menu > li a:visited{color:black!important;} .menu > li a:active{color:black!important;}

You may replace blue/balck with #73492e or another color using color picker.
4.You may enter file structure in Cpanel and use right mouse click on file. Then select option “edit”.

With best regards
Brian Johnson
#60379 Copied
fairplay

Participant

April 28, 2015 at 19:11

Hey Everything works perfect but i am still not able to have my text all black and when i hover over to it, it gets colored. Also the bar that i clicked stay colored otherwise all other words in menu has to be black.

Another important thing is the height of space between top and slider can i change it to smaller one?

Regards,
Simon

#60387 Copied

fairplay

Participant

April 28, 2015 at 19:59

I would also like to ask about fixed navigation of menu. When i scroll down the page the fixed navigation menu has again it’s own colors black and green. Where do i change that?

I would like to know how to set logo or menu more left or more right in that fixed navigation menu. And how to make it smaller ?

Thanks alot!

#60394 Copied

fairplay

Participant

April 29, 2015 at 13:25

Hey please take a look again, i would need answers asap thanks

#60529 Copied

Brian Johnson

Member

April 29, 2015 at 14:05

Please replace this line .main-nav .menu > li a:visited{color:#0078ad!important;}
to this for currently active menu element.
.menu > li.current-menu-item > a{color:#0078ad!important;}
And this line
.main-nav .menu > li a:hover{color:black!important;}
to
.menu > li a:hover{color:black!important;}
You may also adjust your hover color insted of black.
You may try to change distance for fixed menu elements (logo and menu) with this code:
.fixed-header .container{width:84%}

With best regards
BRian Johnson

#60545 Copied

fairplay

Participant

April 29, 2015 at 14:32

Ok this is working almost perfectly now.

I have this to take care off yet:

The empty space above the logo and empty space below the logo i want that space to be more close to the logo so logo can be bigger. Can i change it?

Also the fixed menu still, when i hover over it shows green color and not my own color i need to change that also.

And in the editor on some page, i can’t see awesome icons, there is just blank space and i can’t choose any awesome icons because i dont see how it looks like. i can choose them but i can’t see them. Is there any update on that?

#60556 Copied
Brian Johnson

Member

April 29, 2015 at 15:28
You may add this code to the style.css

.fixed-header .menu{width: 930px!important; margin-left: 50px!important;}

Number value can be changed to increase margin between header and menu width can be adjusted differently as it was adjusted to line up menu elements on wide screens only.
In this part of code we are seting logo width. You may change 100px to 200 px as below

.logo-with-menu {width:200px !important;float:left!important} .fixed-header .menu{width: 930px!important;

In this part of code we are adjusting hover effect for main menu and we should remove selector .main-nav to make it work for both menus. Please change:
.main-nav .menu > li a:hover{color:#0078ad!important;}
to
.menu > li a:hover{color:#0078ad!important;}

With best regards
Brian Johnson
#60579 Copied
Brian Johnson

Member

April 29, 2015 at 15:39

Sorry for inconvenience regarding the icons in VC backend issue.
We are working on update which will be released in few days and this will be fixed. Meanwhile you may use other icon elements in VC.

With best regards
Brian Johnson

#60587 Copied

fairplay

Participant

April 29, 2015 at 15:50

ok i adjusted but for height adjustments i don’t need to change fixed menu which is going with you when you scroll down. I need the menu that is on the top of the page. And i need it’s height to be shorter so for example revolution slider would be closer to logo from below, and languages would be closer to logo from above do you understand what i mean?

#60589 Copied

fairplay

Participant

April 29, 2015 at 16:58

1. Also in footer i want footer link and footer copyright hidden

2. And area in footer and pre-footer to be my own color

#60626 Copied
Brian Johnson

Member

April 30, 2015 at 08:27
Hello

You may change height of the main menu changing values in following code:

.double-border{padding:0!important;} .page-content{padding-top:0px}

This will remove footer links and copyright and change footer color:

.copyright {display:none} .footer{background:brown!important}

With best regards
Brian Johnson
#60744 Copied
fairplay

Participant

April 30, 2015 at 10:35

Is there a possibility to adjust just menu text or just menu logo left or right? Because always when i try and change some values both change a little bit and is hard to me to really align fixed menu and top menu to be aligned in same position.

Also i am not able to use VC in static blocks for my footer.
When i go on my site there is footer already made, but when i go in my backoffice to statics blocks there is nothing made and when i try to make it i can’t edit anything with VC. Please help me with this.

#60773 Copied

Robert Hall

Participant

April 30, 2015 at 10:44

Hello,

1) Could you please clarify with more details what exactly changes you want to do at menu?
2) First to need to disable demo footer block in Theme Options->General then create footer manually.
Please read more in our documentation:
https://www.8theme.com/demo/docs/legenda/index.html#!/footer
Also watch video tutorial:
https://www.youtube.com/watch?list=PLMqMSqDgPNmD4uhGI1IBhr1iaEy81TMff&v=HL7wtSaTcMU

Regards,
Robert Hall.

#60778 Copied

fairplay

Participant

April 30, 2015 at 10:56

1. I have already made lots of changes to menu. And now i have top menu which has good alignment and fixed menu which is going with me when i scroll down. So i want menu which scrolls down with me to be same exact alignment as top menu how can i do that? This is my code now is style.css:

.header3 {background:white}
.header3 .logo{text-align:center}
.menu{text-align:right!important;}
.header-type-3 .main-nav{background:white;}
.header-type-3 .menu{width:100%!important;float:right;}
.header-type-3 .container{width:93%!important;margin-left:auto;margin-right:auto;}
.header-type-3 .menu-main-menu-container{display:block !important;padding-top:20px}

.menu > li a:hover{color:#0078ad!important;}
.menu > li.current-menu-item > a{color:#0078ad!important;}
.menu > li a:active{color:#0078ad!important;}

.logo-with-menu a img{width:100px !important;display:block;}
.logo-with-menu {width:100px !important;float:left!important}

.double-border{padding:10px!important;}
.page-content{padding-top:9px}

.fixed-header .container{width:59%}

.copyright {display:none}
.footer{background:#62a2bd!important}

.fixed-header .menu{width: 930px!important;
margin-left: 50px!important;}

#60783 Copied
Brian Johnson

Member

April 30, 2015 at 11:19
Hello

You may remove
.fixed-header .container{width:59%}
and

.fixed-header .menu{width: 930px!important; margin-left: 50px!important;}

And add this code instead:
.logo-with-menu{margin-left:70px;)

With best regards
Brian Johnson
#60790 Copied
fairplay

Participant

April 30, 2015 at 11:47

1. Hello now not working at all logo went too much on the left. But logo in header is on the same place.

2. Look at this picture here: http://www.azurefilm.com/wp-content/uploads/2015/04/errorVC.jpg
you can see that when i try to edit static blocks i dont have Visual Composer there available, but in your videos i can see you can use it. I have latest VC updated from your site today so it is not that problem. Also i have newest theme update also. Why can’t i see it?

3. After i updated new theme my footer again changed to regular brown color, i have in theme show footer blocks off but it still shows. Why is that?

#60797 Copied

fairplay

Participant

April 30, 2015 at 11:56

Hey i have managed to get number 2. working, if you go to VC in left menu of i have it below “TOOLS” in general menu of WordPress, then there you can decide where VC can be available you can choose from those things: post, page,etheme_portfolio,staticblocks,testimonial

But number 1 still exists.

And in number 2 i saw i had again texts put in widgets so i removed them and now is wihout footer copyrights. But i can’t change color to whatever i want. I am using those two code for that:
.footer{background:#62a2bd!important}
.copyright {display:none}

But color that it takes is not my which i have in that code where do i change that?

#60799 Copied

fairplay

Participant

May 3, 2015 at 20:57

hey guys can you please take a look at this thread ?

I wrote last time i have again problem with changing color of footer to whatever i want.

because my color is not working now after i updated script to newer version.
I have this code in style.css:

.footer{background:#62a2bd!important}
.copyright {display:none}

But it doesnt give this color what can i do? i have this changed color in footer 2!

Also when you gave me code for header above it changed positions of logo in top menu and is now different from fixed menu.

#61193 Copied
1 2 3 →

Viewing 30 results - 1 through 30 (of 76 total)