Navigation dots and text don't line upp. HELP!

[ahlbergsmedia]

Please help with this small thing. I can’t make it work for some reason. I know its may be beyond the scope of theme support, but I know it’s a quick fix for you.

I just want the navigation dots to stay line up and the text to start line up with the image.

Please I begging for help.

[ruenel]

Hello Jonathan,

Thanks for writing in! To better assist you with your issue, kindly provide us access to your site so that we can check your column and element settings. Please create a secure note with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
- Confirmation that we can access and make changes to your site
​
To know how to create a secure note, please check this out: How The Forum Works

Regards.

[ahlbergsmedia]

I have sent you the information you required. Please tell me how you fix the problem. I tried everything, but i must have done something wrong. You are the best! Rockstars of the web! Thanks!

[nabeel]

Hey Jonathan,

Thank you for providing the credentials. I went ahead and removed the margin from your headline to align the text with the image but for the navigation dots, custom CSS would required which is not recommended at all since you’re using slider and custom CSS may or may not work and could break the layout.

I’d recommend you to have same size image and text to align both.

Hope this helps!

[ahlbergsmedia]

Look at this. If I just use HTML, I almost make it work. Just a weird line to get rid of at the top and of course make it work with all screens. This can’t be impossible? Or is it? Must I give up?

[ruenel]

Hello Jonathan,

You have inserted the two classic sliders in each of your columns. Be advised that the height of each slide are independent of each other. You may need to set a minimum height as indicated in this previous thread: Controlling Height on Classic Slider

Therefore, adding custom CSS is necessary to meet your design needs. Taking the custom CSS from the old thread, you can use this:

.x-flexslider .x-slides .x-slide {
    min-height: 450px;
}

Feel free to make adjustments to the minimum height value as you need. Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Intro to CSS - https://goo.gl/mFuWQT
How to get CSS selectors - https://goo.gl/BmoH39
Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
CSS Media Queries - https://goo.gl/L3ZHNg

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.