Help with Front Page mods

I'm trying to do a few mods without much success. Thanks if you can assist: http://vicecitybean.com

Top Front Page
1) I would like to move the logo "gk.-store-image" to the left side of the header text ("Somethings brewing.." "Vice City Bean" & "Coming Soon") so I can remove the logo I've made part of the bg image....swap txt & image positions
2) I would like scale the logo bigger (like the bg image logo)
3) I don't notice any of the animation effects on the front page: ie, "enter top and move 50px and wait .25s" ??

Proud Partners section on Front page
1) Is it possible to format this section to look and scale the same way it does in the "Our Team/Featured Press" section of the demo: https://demo.gavick.com/wordpress/quark/our-team/ I"m assuming the demo is using a widget.

Thank you.

Hello,

Regarding your issues:
1,2) Add the following code into the theme’s css/override.css file and adjust the left and top values.

Code: Select all

.gk-store-image {
  display: block;
  width: 70%;
  position: absolute;
  left: -305px;
  top: 3px;
}


3) Do you have scroll reveal option enabled in Appearance -> Customize -> Features section?

3) Yes, it's possible you have to use the same syntax like on this page: https://demo.gavick.com/wordpress/quark/our-team/
It's based on subpages (similar like the frontpage)
The content of the Our Team - Prass subpage:

Code: Select all

<div class="gk-desc small-spaces">
<p><em>We've been featured in the press by these great websites</em></p>
<p>
<img src="http://localhost:8888/1_14/quark/wp-content/uploads/2015/02/logo1.jpg" alt="logo1" data-sr="enter bottom and move 50px wait .2s" />
<img src="http://localhost:8888/1_14/quark/wp-content/uploads/2015/02/logo2.jpg" alt="Logo II" data-sr="enter bottom and move 50px wait .3s" /> <img src="http://localhost:8888/1_14/quark/wp-content/uploads/2015/02/logo3.jpg" alt="Logo III" data-sr="enter bottom and move 50px wait .4s" /> <img src="http://localhost:8888/1_14/quark/wp-content/uploads/2015/02/logo4.jpg" alt="Logo IV" data-sr="enter bottom and move 50px wait .5s" /> <img src="http://localhost:8888/1_14/quark/wp-content/uploads/2015/02/logo5.jpg" alt="Logo V" data-sr="enter bottom and move 50px wait .6s" /></p>
</div>


Thank you, that gave me enough direction to adjust the top.

Still having issues with:

• Text Animation: Yes I do have Scroll Reveal enabled. I've tried it with it on and off, but I do not see any noticeable effect.
• The "partner" logos are wrapping, unlike in the demo content https://demo.gavick.com/wordpress/quark/our-team/
- do I need to add additional class css?

Sorry I've never fully learned css properly.

Along with my notes below, I just notice that now the logo is scaling different on Safari and Chrome. It is looking "as intended" on Firefox.

Regarding the animation - could you send me a PM also with FTP access?

Regarding the partner logos, try to add the following css code:

Code: Select all

.frontpage .gk-desc p {
  max-width: none;
}


I can't see difference between your logo on Chrome and Firefox, try to decrease the width value of the .gk-store-image css selector. (code from my previous answer)