The text on my layerslider text box is inconsistent

Hi Elliott,
The site is http://syriainstitute.org
You’ll be able to see the inconsistencies between viewing the website on the computer versus on a smart phone. In addition the the original and more immediate issue presented above, I was curious if you could help me with another that is related. I cannot figure out how to move the text in the text box on the website itself to a more central position. Can you tell me how I can change the placement of the text? I’ve spent hours trying to finagle it and haven’t been able to make any progress. Thank you so much for your help!

Hi I sent you 2 messages yesterday as private messages, did you not receive them? Please let me know; this is incredibly frustrating. :(

Additionally, in the Candidate Tracker on our website (Table Press, Presidential Candidate Positions on Syria, Plugin Options, Custom CSS) I try to change the colors with the correlating belief in the table, but the colors on the bottom half of the table refuse to change. Can you please tell me why this is and help me fix it?

Thank you,

Dani

Hi Ismael,

I’m sorry, but that doesn’t answer my question. I already fixed the smart phone view issue, now I just want to figure out how to center the text in each text box on the slider. It looks centered in the preview mode prior to publishing, but once published, the text starts that the top of the text box, rather than remaining centered.

Thanks!

Dani

That works only for the text box itself and its positioning, not for the text within the text box. I wish it was that simple. Now what?

Thanks for the advice Ismael. I apologize for my rudimentary understanding here, but where do I find the Quick CSS field? I see where to add the “layer-textbox” in the Class Field, but there does not seem to be a Quick CSS field on the same page.

Thank you,

Dani

Hi Andy,

I applied the code to the Quick CSS, but there is already code there. I applied the most recent code into the same box seeing as there is only one, so the Quick CSS box is filed as follows (see below), but no changes were made as a result. In other words, the text was not centered, the slider on the website still has the text awkwardly aligned to the top. Can you please tell me what to do next?

@media screen and (max-width: 767px) {
.ls-slide h3 { font-size: 9px !important; }
}

.menu li > a:after { content: ‘ ▾’; }
.menu li > a:only-child:after { content: ”; }

@media only screen and (max-width: 767px) {
.layer-textbox {
padding-top: 20px;
}
}

#mc_embed_signup .clear {
display: block;
visibility: visible;
height: auto;
width: auto;
}

.blog span.post-meta-infos * {
display: none;
}
.blog span.post-meta-infos time{
display: block;
}

.page-id-27.post-meta-infos {
display: none;
}

Hi Ismael,

Sorry about that. The code still isn’t working, please see the private message for the correct login info.

Thank you!

Hi Andy,

I have uploaded Ismael’s text in the past and not only did it not fix the issue (the text in the text boxes on the slider was still not centered), but the text in the text boxes became very distorted when looking at the slider on a smartphone (though still normal looking on a computer screen view), which was something I inquired about earlier in this discussion that the current code fixed. I still tried again at your request – “Please add [the code] exactly as Ismael has provided it to you. Afterwards clear browser cache and hard refresh a few times. Make sure no caching (plugin, etc.) is activated. – but the same situation unfolded. Do you have any suggestions for how to proceed?

Thanks so much,

Dani

Hi Ismael,

Thank you for the help! I purged the plugin cache before checking the page, but still did not see any changes. I tried to play around with the slider settings (boarder px, padding px, etc.), but nothing seemed to adjust the text in the text box so that it was centered. I apologize if I’m doing something wrong; can you tell me what I’m missing here?

Thank you,

Dani

Hi Ismael,

I’m so sorry for how long this has dragged out, but I tried checking the slider on both Chrome and Safari and am seeing no difference. I asked my colleague to check on her computer at home and also sees no change. Do you recommend a different slider plugin or something that might work better with Enfold? That’s the only thing I can think of at this point…

Thank you again,

Dani