Support » CSS / opmaak vragen » Tekst op berichten pagina begint te hoog

  • Wie kan mij een stapje verder helpen?

    Ik heb menu-item ‘Blog’ ingesteld als berichten pagina, maar de tekst staat/begint veel te hoog en komt nu door de header. Ik heb al wat dingen in het Child theme proberen aan te passen, maar het resultaat blijft hetzelfde.

    Ook de foto’s worden megagroot ook al is het formaat 512 x 512 px.

    En de ‘share-it’ regel zou ik graag b.v. in een footer willen plaatsen maar kan de css hier van niet vinden.

    Ik maak gebruik van theme Everline.

    Ik kijk uit naar een reactie, alvast bedankt, groetjes Marian

15 reacties aan het bekijken - 1 tot 15 (van in totaal 20)
  • Om je het best te kunnen helpen is het handig de url van je site te vernemen.

    En: 1 vraag per topic werkt beter!

    groet,
    Lianne

    Beste Lianne,

    Bedankt voor je reactie. Sorry, ik ben een beginneling, ook op het forum…
    Ik heb menu-item ‘Blog’ ingesteld als berichten pagina, maar de tekst staat/begint veel te hoog en komt nu door de header. Ik heb al wat dingen in het Child theme proberen aan te passen, maar het resultaat blijft hetzelfde.

    Ik maak gebruik van theme Everline met de url http://www.weddingdayperfume.nl

    Alvast bedankt, Marian

    Dag Marian,

    De onderhoudsmodus staat geactiveerd, we kunnen de website zo niet bekijken. Kun je dit deactiveren voor tijdje?

    Groet,
    Thijs
    __________________
    Praktische tips voor het bouwen van een prachtige WordPress website lees je in de WordPress handleiding

    Website niet vindbaar op Google? Lees de tips in de Google Optimalisatie handleiding

    Beste Thijs,

    Bedankt voor de tip ik heb de onderhoudsmodus nu uit staan.

    groet, Marian

    Hi Marian,

    Het komt door je logo dat de tekst door de header heen gaat.
    Hoe heb je deze toegevoegd. Volgens mij heb je op dit moment een gekleurde cirkel met de naam van de website. De cirkel is 167 pixels hoog, wat veel te hoog is. Hierdoor loopt het door in de tekst van de website.

    Groet,
    Thijs
    __________________
    Praktische tips voor het bouwen van een prachtige WordPress website lees je in de WordPress handleiding

    Website niet vindbaar op Google? Lees de tips in de Google Optimalisatie handleiding

    Hoi Thijs, bedankt voor je reactie. De afmeting van het logo zit in het theme ingebakken. Ik heb op dit moment gekozen om mijn naam Wedding Day Perfume in te voeren. Als ik een logo-image invoer wordt deze heel klein in de cirkel getoond, niet zo mooi. Ik ben over de gewone (statische) pagina’s best tevreden, het gaat eigenlijk voornamelijk om de menu-item Blog (berichten pagina). Alleen op deze pagina begint de tekst te hoog.

    Ik hoop dat je een beetje kunt volgen wat ik bedoel. Heb je een tip voor mij hoe ik op deze pagina de tekst lager kan laten beginnen?

    Alvast bedankt, groetjes Marian

    Dag Marian,

    Je zou onderstaande code kunnen toevoegen aan je stylesheet. Dit zet de tekst omlaag.

    .tzblog-default {
    padding-top: 275px;
    }

    body .tzsidebar-blog {
    margin-top: 275px;
    }

    Groet,
    Thijs
    __________________
    Praktische tips voor het bouwen van een prachtige WordPress website lees je in de WordPress handleiding

    Website niet vindbaar op Google? Lees de tips in de Google Optimalisatie handleiding

    Hoi Thijs,

    In de stylesheet kom ik dit tegen ‘Element Blog’ (zie hieronder) en dan nog een item Blog Post. Kan jij aangeven waar ik de codes neer kan zetten? Zoals je ziet is de foto bij een bericht ook mega groot…ik hoop dat je een tip hebt hoe ik dit ook kan aanpassen?

    Alvast bedankt, groet Marian

    * 4.8 – Element Blog
    * —————————————————————————–
    */
    .nocontainer .container-custom{
    padding: 0 15px;
    margin: 0 auto;
    }
    .blog-item h3{
    display: block;
    font-size: 14px;
    line-height: 24px;
    margin: 0 ;
    padding: 34px 0 10px;
    position: relative;
    color: #202020;
    letter-spacing: 3px;
    }
    .blog-item h3 a{
    text-decoration: none;
    color: #202020;
    text-transform: uppercase;
    }
    .tzblog_meta{
    display: block;
    font-size: 10px;
    line-height: 20px;
    margin: 0 ;
    padding: 0;
    position: relative;
    letter-spacing: 1px;
    color: #bbbbbb;
    text-transform: uppercase;
    }
    .tzblog_meta a{
    color: #bbbbbb !important;
    text-decoration: none;

    }
    .blog-item p{
    font-size: 12px;
    line-height: 24px;
    margin: 0 ;
    padding: 10px 0 0;
    color: #666666;
    }
    .blog-item .tzblog_readmore{
    font-size: 13px;
    line-height: 24px;
    margin: 0 ;
    padding: 0;
    color: #d65579;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    }
    /*——style 2——-*/
    .elementblog-title{

    }
    .elementblog-title{
    display: block;
    font-size: 17px;
    letter-spacing: 3px;
    line-height: 54.4px;
    margin: 0 0 65px;
    padding: 0 0 6px;
    position: relative;
    text-align: center;
    color: #202020;
    }
    .elementblog-title2{
    margin: 0 0 45px;
    padding: 0 0 8px;
    }
    .elementblog-title3{
    margin: 0 0 52px;
    padding: 0 0 8px;
    text-align: left;
    }

    .elementblog-title:after{
    background: none repeat scroll 0 0 #d65679;
    bottom: 0;
    content: “”;
    height: 2px;
    left: 50%;
    margin-left: -35px;
    position: absolute;
    width: 70px;
    }
    .elementblog-title3:after{
    left: 0;
    margin-left: 0;
    }
    .blog-style2{
    position: relative;
    margin-bottom: 30px;
    }
    .blog-style2:after{
    clear: both;
    display: table;
    content: ”;
    }
    .blog-style2 .blog-image{
    float: left;
    width: 50%;
    }
    .blog-style2 .blog-description{
    float: left;
    width: 50%;
    padding: 0 0 0 30px;
    }
    .blog-item.blog-style2 h3{
    line-height: 24px;
    padding: 0 0 10px 0;
    margin-top: -6px;
    }
    .blog-image img{
    transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    -webkit-transition: all 0.8s ease 0s;
    -ms-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    }
    .blog-item:hover{
    cursor: pointer;
    }
    .blog-item:hover .blog-image img{
    transform: scale(1.5) rotate(10deg);
    -moz-transform: scale(1.5) rotate(10deg);
    -webkit-transform: scale(1.5) rotate(10deg);
    -ms-transform: scale(1.5) rotate(10deg);
    -o-transform: scale(1.5) rotate(10deg);
    }
    .blog-style2:hover .blog-image img{
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    }
    .blog-image{
    position: relative;
    overflow: hidden;
    }
    .blog-item {
    margin-bottom: 30px;
    }
    /**

    Hi Marian,

    Helemaal onderaan plaatsen in het bestand. Dus niet onderaan bij de Element Blog, maar gewoon helemaal onderaan de stylesheet met een witregel tussen de laatste code.

    Groet,
    Thijs
    __________________
    Praktische tips voor het bouwen van een prachtige WordPress website lees je in de WordPress handleiding

    Website niet vindbaar op Google? Lees de tips in de Google Optimalisatie handleiding

    Hoi Thijs,

    Dan komt het er zo uit te zien?

    }
    .tz_guestbook_wrap .tz_guestbook_title:after {
    background: #d65679;
    bottom: 0;
    content: “”;
    height: 2px;
    left: 50%;
    margin-left: -35px;
    position: absolute;
    width: 70px;
    }
    .tz_delete_height {
    max-height: none;
    }

    .tzblog-default {
    padding-top: 275px;
    }
    body .tzsidebar-blog {
    margin-top: 275px;
    }

    ——————————————————————*/

    Helaas verandert er niets op de site….

    gr. Marian

    Dag Marian,

    Kun je dit proberen:

    .tzblog-default {
    padding-top: 275px !important;
    }
    body .tzsidebar-blog {
    margin-top: 275px !important;
    }

    Groet,
    Thijs
    __________________
    Praktische tips voor het bouwen van een prachtige WordPress website lees je in de WordPress handleiding

    Website niet vindbaar op Google? Lees de tips in de Google Optimalisatie handleiding

    Jammer…ook geen effect…wat een eigenwijs theme zeg!!!

    gr. Marian

    Dag Marian,

    Heb je thema opties? Staat daar een optie voor CUSTOM CODE of CSS bij? Zo ja, dan de code daar plaatsen. De code werkt, hij moet alleen op de juiste plek komen te staan.

    Groet,
    Thijs
    __________________
    Praktische tips voor het bouwen van een prachtige WordPress website lees je in de WordPress handleiding

    Website niet vindbaar op Google? Lees de tips in de Google Optimalisatie handleiding

    Hoi Thijs, dit is het begin van mijn childtheme, er gebeut ook niets als ik de codes op deze zet….

    /*——————————————————————
    Theme Name: Everline child
    Theme URI: http://www.weddingdayperfume.nl
    Author: Marian
    Author URI: http://templaza.com
    Version: 1.2
    Template: everline
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    */

    @import url(“../everline/style.css”);

    .tzblog-default {
    padding-top: 275px !important;
    }
    body .tzsidebar-blog {
    margin-top: 275px !important;
    }

    /**
    * Table of Contents:
    * 1.0 – Reset
    * 2.0 – Off canvas
    * 3.0 – Isotope
    * 4.0 – Content
    * 4.1 – Typography
    * 4.2 – Header
    * 4.3 – Count Down
    * 4.4 – Our Story
    * 4.5 – Introduct
    * 4.6 – Contact Form 7
    * 4.7 – Video
    * 4.8 – Element Blog
    * 4.9 – Playlist
    * 4.10 – Testimonials
    * 4.11 – Image content
    * 4.12 – Woocommerce
    * 4.13 – Sidebar
    * 4.14 – The event
    * 4.15 – Blog post
    * 4.16 – Single post
    * 4.17 – Coming soon
    * 4.18 – Portfolio
    * 4.19 – Team members
    * 4.20 – Contact info
    * 4.21 – Coming soon
    * 4.22 – Live Demo
    * 4.23 – Page 404
    * 4.24 – Loadding
    * 5.0 – Footer
    * 6.0 – Theme Style
    * 6.1 – Color 1
    * 6.2 – Theme rtl
    * 7.0 – Responsive
    * —————————————————————————–
    */

    Hi Marian,

    Zou sowieso aan het einde moeten staan, maar had je nog tussen de thema opties gekeken?

    Groet,
    Thijs
    __________________
    Praktische tips voor het bouwen van een prachtige WordPress website lees je in de WordPress handleiding

    Website niet vindbaar op Google? Lees de tips in de Google Optimalisatie handleiding

15 reacties aan het bekijken - 1 tot 15 (van in totaal 20)
  • Het onderwerp ‘Tekst op berichten pagina begint te hoog’ is gesloten voor nieuwe reacties.