homepage changes requested by client

dig4life · June 2017

Hi!

Can you please help me since client wants specific positioning of words: see link https://drive.google.com/file/d/0B5729d-2ryqjMmR2SzM3M0lBbEU/view?usp=sharing

Pls see existing look on the website http://promoworks.com.ph/

Thank you for your help and expertise!

Bryan · June 2017

hello,
Do you mean that the text should be in 3 lines?
Use <br />
What else can be done here.
thanks

dig4life · June 2017

Got it! thanks for the code!

Can you also check how to make and widen the yellow box for the menu as wide as the homepage screen? Pls see https://drive.google.com/file/d/0B5729d-2ryqjYzBKNGwtRUQxNTA/view?usp=sharing

Pls see existing look on the website http://promoworks.com.ph/

Thank you again for your help and expertise!

Bryan · June 2017

But the site is full width and it looks like this: http://prntscr.com/flyqgb

dig4life · June 2017

so you mean there is no way we can make a full width yellow box for the menu and see the details box?

Bryan · June 2017

Oh okay, now I understand.

Edit the first section on your main page in the muffin builder, there you will find an option to set it full width. Like here:http://prntscr.com/fmg2ca

Go to theme options>global>general and disable the transparent header, see: http://prntscr.com/fmg2vw

Go to theme options>header&subheader>header an select the header to be full width, screen: http://prntscr.com/fmg3gs

When you do that, please replay.

dig4life · June 2017

Hi Thank you for your tips. I already did your above instructions.

I am excited to know how do we achieve:

1) yellow background box in full width for the menu and for 'see the details' box then 2) white background box in full width for the logo and paragraph with words: Promo works inc aims to create ultimate consumer...

see again: https://drive.google.com/file/d/0B5729d-2ryqjYzBKNGwtRUQxNTA/view?usp=sharing

Also tried to make a wider white box for logo background thinking it would work but could still not fill up the whole screen. see: http://nimb.ws/OBIoGl

Also I noticed that after implementing the instructions you gave, the bldg photo found on the beginning pages went missing.

It should look like this: https://drive.google.com/file/d/0B5729d-2ryqjYzBKNGwtRUQxNTA/view?usp=sharing BUT it became like this: http://nimb.ws/Lw3rEm

Albert · June 2017

1) To make it possible, you need to use the following css:

.header-stack #Top_bar .logo { 
    width: 120% !important; 
    margin-left: -10% !important; 
    background: #FFF !important; 
}

.header-stack.header-center #Top_bar .menu_wrapper {
    background: #000;
    width: 120% !important;
    margin-left: -10%;
}

2) To make it possible, you should put both in separate section and set white background color for that section.

3) If you use the css we gave you in 1st point, it should be wider.

4) Which css is causing this? You had so many customization here doing with my college that i am confused.

dig4life · June 2017

Hi!

Thanks for your tips above! No need to get confused, pasted the codes you gave and it worked.

The photo of the white office bldg on other pages disappeared but maybe I can ask my client to just approve it.

I just need to know how to:

1) change the color of the menu bar from black to yellow

2) make the words " Let us help you grow.." into one liner that does not overwhelm the whole page. The style is currently h1 but if I change to h2 style it is already very small and not visually appealing.

Please help. Very grateful for your expert tips!

Bryan · June 2017

Use this css to change the background

.header-stack.header-center #Top_bar .menu_wrapper {
    background: yellow !important;
}

You can change the heading in theme options>header&subheader>subheader to any you like.

homepage changes requested by client

Comments