• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Previous/Next carousel-controls no longer vertical centered...

Participant ,
Aug 12, 2017 Aug 12, 2017

Copy link to clipboard

Copied

Unaware of any specific action that would have altered original vertical 50% positioning of the glyphicons

position. I did a copy/paste of relevant css from original bootstrap-3.3.7-css

into a bootstrap-custom.css style sheet to troubleshoot.

I found that changing 50% to 30% visually corrected, but that just tells me that I've missed something.

Haven't had any success at locating where the problem resides, could not find any errors.

The glyphicons seem to change size with browser resizing, as well.

================Attempted correction as follows ===============

.carousel-control .icon-prev, .carousel-control .icon-next,

.carousel-control .glyphicon-chevron-left, .carousel-control

.glyphicon-chevron-right, .glyphicon-circle-arrow-left {

    display: inline-block;

    position: absolute;

    top: 50%;/*========On change to 30% gives "visual" vertical centering===========*/

    z-index: 5;

}

==================================================================

TEST SITE -  https://0182d1d.netsolhost.com/greenLight/

Thank you...

Views

903

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Aug 12, 2017 Aug 12, 2017

This is Bootstrap carousel with default settings.  Notice the prev & next buttons remain intact on smaller viewports

Bootstrap Default Carousel

Votes

Translate

Translate
Community Expert ,
Aug 12, 2017 Aug 12, 2017

Copy link to clipboard

Copied

This is Bootstrap carousel with default settings.  Notice the prev & next buttons remain intact on smaller viewports

Bootstrap Default Carousel

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Aug 12, 2017 Aug 12, 2017

Copy link to clipboard

Copied

Nancy,

I'm aware of what they should look like, and mine originally did as well. I must have made some change without being aware and it was only when I uploaded to server that I caught it.

However, the carousel does not now behave as the default example does. On my test site, all should be defaulted, as I've made no changes to the original bootstrap css, and my custom bootstrap external file changes are commented out.

Therefore, I would assume it should appear as it once did. My massaging of the custom css was only an attempt to return to that default.

Is my logic faulty in this assessment?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Aug 12, 2017 Aug 12, 2017

Copy link to clipboard

Copied

LATEST

Nancy,

Thank you for your time. The keyword being default, I just generated a new carousel and all scripting, and all is well again.

I remain curious as to what caused the problem, but NOT so curious as to spend another minute on it.

Thank You.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines