Dekjam

Eventueel wel maar dan moet ik naar de code kijken en die kan ik alleen maar zien als ik weet om welke website het gaat. Mogen we dus, om je verder te kunnen helpen, het adres van de website?

Die streep staat onder de koptekst maar kan natuurlijk ook op een andere manier gemaakt worden.
Dit `.blog-title:after {
content: “”;
display: block;
width: 100%;
height: 2px;
margin: 30px 0;
background: #fff;
background: rgba( 255, 255, 255, 0.2 );
}` is in ieder geval de code die gebruikt word. Daarbij gebruik je twee maal background wat eigenlijk helemaal niet nodig is want de laatste word uitgevoerd. Heel overdreven gezegd kan je het beter niet doen want nu “leest” de browser dat de tekst wit moet worden, maakt de tekst wit en leest dan dat de tekst wit moet worden maar dan met een transparantie. Kost tijd maar dat zijn milliseconden dus niet echt belangrijk maar wel iets om over na te denken.

Voor je menu items maak je het nog leuker want eerst “leest de browser dit `.main-menu a:hover, .main-menu .current_menu_item > a, .main-menu .current_page_item > a {
color: #fff;
}waarna dit.main-menu a {
display: block;
font-size: 0.9em;
font-weight: 700;
color: #fff;
color: rgba( 255, 255, 255, 0.6 );
}` komt waar weer twee keer in staat wat de kleur moet zijn. overigens is de eerste ook voor het menu item van de pagina waar je op dat moment bent en worden de kleuren van de tweede declaratie genegeerd.
De eerste declaratie werkt ook voor het hover effect van de menu items.

Maar ik heb geen idee of je deze declaraties ook kan gebruiken voor linken naar een categorie want ik weet niet wat WP en je thema dan allemaal voor code neer zet. Als jij dus een paar testlinken kan maken dan kan ik daar morgenmiddag of avond wel kijken wat je moet doen.
Sorry, maar ik ben geen WP expert of fan maar weet wel iets af van html en css.

2 in 1;
In je style.css moet je dit .page-header-wrap opzoeken. Daarin staat het volgende;

.page-header-wrap{
    position: relative;
    background-size: cover;
}

Als je daar nu dit

.page-header-wrap{
    position: relative;
    background-size: cover;
    background: # url(http://exeleratingonline.nl/?uamfiletype=attachment&uamgetfile=http://exeleratingonline.nl/wp-content/uploads/2016/10/background.jpg) center center;
}

van maakt dan zou de afbeelding in het midden moeten staan en de achtergrond blauw als het scherm breder is dan 1800 pixels.
Maar het zou beter zijn om in plaats van een afbeelding van 1800 pixels voor alle schermen te gaan werken met media query’s en dus ook kleinere afbeeldingen voor kleinere schermen. Kan je voor hele brede schermen ook hele brede afbeeldingen presenteren!

Dit werk is mijn hobby maar ik hoop er mijn beroep van te maken. Zou je mijn Facebook pagina, https://www.facebook.com/Dekjam.nl/, leuk willen vinden als bedankje.

De achtergrondafbeelding is niet breder dan 1800 pixels dus het scherm waarop je aan de zijkant een wit vlak heb is wel een hele brede monitor in pixels gemeten.
Wat je kan doen is een achtergrondkleur meegeven aan de header die hetzelfde is als de kleur van de header.
En voor de mobiele weergave zou het netter zijn als er ook kleinere afbeeldingen waren die bij de diverse schermafmetingen worden getoond. Is de website ook gelijk sneller.

En ik zie dat er ook een tabel in staat die 1536 pixels breed is. Jammer, want ik heb nu een schuifbalk onderaan mijn browser en ik moet dus scrollen om de 336 pixels die mijn scherm mist te kunnen lezen. Sorry, maar nooit een website maken op je eigen beeldscherm en tabellen “mogen” worden niet meer gebruikt worden voor het uitlijnen.

Sorry, voor de vervelende opmerkingen.

Zou je misschien als bedankje mijn Facebook pagina leuk willen vinden want eigenlijk wil ik graag geld gaan verdienen met dit werk.

Je moet het ook niet plaatsen in je tekstverwerker als hij in de WYSIWYG modus staat maar je moet hem op tekst zetten. Als het goed is zie je dan dit <img src="http://www.suymode.be/wp-content/uploads/2016/11/1479167679_email_envelope.png" alt="1479167679_email_envelope" width="40" height="40" /> ergens staan.
En dat moet dit <img class="size-medium wp-image-78 alignnone" src="http://www.suymode.be/wp-content/uploads/2016/11/1479167679_email_envelope.png" alt="1479167679_email_envelope" width="40" height="40" style="margin-right:50px; float:left;" > worden.

Haal alleen wel de   weg. En volgens mij is 50 pixels te veel.

Succes.

• Deze reactie is gewijzigd 8 jaren, 2 maanden geleden door Dekjam.
• Deze reactie is gewijzigd 8 jaren, 2 maanden geleden door Dekjam.

Voor de achtergrondkleur en dergelijke van je mobiele menu gaan we naar de responsive-adjustments.css en dan het gedeelte onder de @media (max-width: 767px)

Op regel 195 vind je de volgende code;

#header .navbar-single .navbar-nav-single {
    left: 0;
    right: 0;
    margin: 0;
    background: rgba(34, 34, 34, 0.9);
}

Nu gaat het om de background. Je kan trouwens ook de 0.9 veranderen naar 0.1 waar door de kleur “transparant” word.
En op regel 213 staat het volgende;

.navbar-single .navbar-nav-single li a:hover {
    background-color: rgba(180, 110, 60, 0.7);
}

En nu weer de backgroundcolor. En dat “transparant” geldt ook hier.

Sorry, maar dat weet ik ook niet want ik ben niet bekend met WordPress. Hopelijk reageert er iemand die daar wel verstand van heeft.