Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1312442
    dpe
    Participant

    I am trying to make the page title smaller and would also like to remove the space between content and title.

    As a start I tried

    h1.entry-title, h2.entry-title {
    text-align: center;
    font-size: 20px;
    }

    which centered the title but I can not get the size to reduce.

    Ideally I would like to remove the grey background to the title as well

    Mike

    #1312452
    Christopher
    Moderator

    Hi there,

    Please change body background color under Customize -> Layout and design.
    Update your code to :

    h1.entry-title, h2.entry-title {
        text-align: center;
        font-size: 20px !important;
    }

    Hope it helps.

    #1312470
    dpe
    Participant

    Thats great, worked well, issue now is the large space between the title and the body, htp://www.dorsetphotoevent.co.uk

    last issue is that if I have a featured image set it displays on the page, except that I do not want it to display on pages, only blog posts

    Mike

    #1312483
    Christopher
    Moderator

    Hi there,

    Please add following code :

    header.x-header-landmark.x-container.max.width {
        padding-bottom: 0;
    }
    .offset.cf {
        margin-top: 0;
    }

    No sure what you’re trying to achieve. Do you want to remove featured image from pages like this http://www.dorsetphotoevent.co.uk/promphotographer2016/?

    If so, add following code :

    .single-post .entry-featured{
    display:none;
    }

    Hope it helps.

    #1312502
    dpe
    Participant

    Thanks for the prompy answer, that has resolved it, many thanks

    #1312506
    Christopher
    Moderator

    You’re welcome.

    #1312937
    dpe
    Participant

    Sorry but can you explain where and how to add that code to remove the featured image please

    Mike

    #1312969
    Nabeel A
    Moderator

    Hi again,

    You can add the above code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    Cheers!

    #1313068
    dpe
    Participant

    So I tried that and this is what I get http://www.dorsetphotoevent.co.uk/dorset-wedding-photographer.html so maybe I am missing something

    MIke

    #1313110
    Nabeel A
    Moderator

    Hi again,

    Can you please explain what would you like to accomplish, so we can take a closer look? It seems like you’re also using a cache plugin. Please clear the cache and see if this resolves the issue.

    Thanks!

    #1313119
    dpe
    Participant

    Cache was and is clear, I just want the featured image to not appear on pages, as in it appears on the wedding page and I dont want it there

    Mike

    #1313130
    dpe
    Participant

    I have disabled all caching plugins and the image is definitely there

    Mike

    #1313133
    dpe
    Participant

    Narrows it down to

    <div class=”entry-content content”>

    <p class=”attachment”></p>

    </div>

    using the inspect in chrome

    #1313212
    Nabeel A
    Moderator

    Hi again,

    Please add the following code in your Customizer:

    .page .entry-featured {
        display: none !important;
    }

    Let us know how this goes!

    #1313219
    dpe
    Participant

    That seems to have done the job, once again many thanks to the team

    Mike

  • <script> jQuery(function($){ $("#no-reply-1312442 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>