Return to previous page

Alignment with visual composer - by steight

This topic has 9 replies, 2 voices, and was last updated 8 years, 5 months ago ago by Olga Barlow

steight

Participant

June 19, 2016 at 22:28

Hi,
I’d like to create a home page like the mock up (made with Photoshop) in attached for the desktop version of my shop.
I must use Visual Composer but I can’t change the margin because the theme doesn’t work correctly on mobile. (I see disorder between the blocks). How can I do this without ruin mobile version?

Thanks

Please, contact administrator
for this information.

#130239 Copied

8 Answers

Olga Barlow

Support staff

June 20, 2016 at 17:30

Hello,

Could you provide admin panel access, so I’ll be able to check elements you used, margins and how it looks on mobile? I’ll check and think we’ll find solution 🙂

Regards

#130310 Copied

steight

Participant

June 20, 2016 at 21:14

Hi!
Thanks for your answer. I have tried to make this with Revolution Slider. The result is not bad but I must to change manually the blocks layout for mobile version. Is there a easier way?

Another 2 questions:

#1: Can I change the size of images in “The Look”? They are so big for me.

#2: How can I change the size of the text in separator line?

In private content my account.

Thanks!

Please, contact administrator
for this information.

#130325 Copied

steight

Participant

June 21, 2016 at 14:19

Hi,
I still have problems with horizontal alignment between elements in the same row. Apparently they have a vertical alignment because each element goes in new line.

Thanks

#130450 Copied

Olga Barlow

Support staff

June 21, 2016 at 14:55

Hello,

Provide, please, FTP access. VC plugin loads custom.css file that brakes normal VC grid.

Regards

#130460 Copied

steight

Participant

June 21, 2016 at 15:08

Hi,
ok, account in private content.

Please, contact administrator
for this information.

#130465 Copied

Olga Barlow

Support staff

June 21, 2016 at 16:46

I have renamed js_composer_front_custom.css file that you created because you added styles that make columns 100%. If you want to change the width of separate column use Visual Composer settings, for example, http://prntscr.com/bj5iom , watch VC video tutorial https://vc.wpbakery.com/video-academy/responsive-column-control-width-offset-param-usage-explained/

Also, I have created the first section using VC rows and columns + VC responsive options to show how it could be.

#1. You can play with element settings:
– select banner double size and 4 columns, then products will be smaller http://prntscr.com/bj5vuk or
– add paddings for the product images http://prntscr.com/bj5wjm and see how it will be on frontend http://prntscr.com/bj5xc2
Everything depends on the end result you need.

#2. Visual Composer does not have additional options to set Separator text font size, that’s why you can change it only with additional customization. Add the code below in Theme Options > Styling > Custom CSS > Global Custom CSS

.vc_separator h4 { font-size: 2em;}

Regards,
Olga Barlow

#130486 Copied

steight

Participant

June 23, 2016 at 11:14

So many thanks! perfect! 🙂

last question:

In mobile version the icons of shopping bag and wishlist are not aligned to logo and menu. Is it possible the alignment?

Thanks

Please, contact administrator
for this information.

#130821 Copied

Olga Barlow

Support staff

June 23, 2016 at 14:55

Hello,

It was theme bug, I have fixed. Check now, please.

Regards

#130864 Copied
Viewing 9 results - 1 through 9 (of 9 total)