Positie tekst over slider op elke resolutie zelfde afstand

[damnsharp]

Goedemiddag, bijna weekend maar een probleem krijg ik niet goed opgelost.
Bij deze site wil ik dat het transparante tekstblok wat op de slider zit altijd links is uitgelijnd met het logo.
Omdat het tekstblok van origine bij deze slider onderaan de slider hangt heb ik met CSS wat dingen aangepast.
Ik ben met media queries bezig om de afstand van de linker kantlijn in te stellen maar bij diverse resoluties loop ik er toch tegen aan.
Is er een betere manier om dit op te lossen of zijn media queries toch de manier?

Paar voorbeelden uit CSS bestand:

/* ========== 22 inch aanpassingen ========== */
@media all and (max-width: 1680px) and (min-width: 1601px) {
/* slideshow slider */
.slideshow_description_box.slideshow_transparent {
    margin-bottom: 9em;
    margin-left: 21em;
}

/* ========== 21 inch aanpassingen ========== */
@media all and (max-width: 1600px) and (min-width: 1441px) {
/* slideshow slider */
.slideshow_description_box.slideshow_transparent {
    margin-bottom: 9em;
    margin-left: 18em;
}

}

/* ========== 19 inch aanpassingen ========== */
@media all and (max-width: 1440px) and (min-width: 1367px) {
/* slideshow slider */
.slideshow_description_box.slideshow_transparent {
    margin-bottom: 9em;
    margin-left: 12em;
}

Ik heb ook niet alle type schermen tot mijn beschikking (helaas) dus verklein mijn 27 inch scherm of pak een site als screenfly maar niet alle responsive test sites kloppen merk ik.
Overigens, het is een WordPress website met diverse plug-ins en zelf aangepaste CSS code.

Bedankt wederom voor meedenken! :thumb:

 

[bron]

Hi damnsharp,
Eerst even de vraag waarom je een onzichtbaar tekstblok wil uitlijnen als toch niemand het ziet....
Als de tekst zichtbaar zou zijn is het lastig omdat logo en slider niet in dezelfde container zitten. Een oplossing met veel media queries is onvriendelijk. Als in de header later iets verandert dan moet je de hele css doorspitten om alles weer recht te zetten. Ik zou, omdat de tekst niet zichtbaar is, deze met width 80% over de slider zetten (met margin 0 auto) zodat de tekst op elk device goed staat.

Suc6 met je website. Have fun.

 

[damnsharp]

Thanks @bron voor meedenken. Ik heb het verkeerd omschreven, het is een tekstblok wat transparant is... wel zichtbaar dus
Heb het gelukkig kunnen oplossen toen ik er nog langer over nadacht.