WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] My White Theme Modifications (5 posts)

  1. Helen Leigh
    Member
    Posted 8 months ago #

    HI,

    I am very new to WordPress ! I have downloaded the My White theme and removed the title on each page, using advise i read on other threads with worked perfectly (thank you).

    However it has left me with a white gap between my header / menu and the page content.

    i have looked in the css file and in the page.php and i can't see anything obvious ( am new to this) to remove to close up the gap.

    Any advice would be greatly received and appreciated.

    This page is a good example: http://www.britishyouthtravelawards.com/home/judges-boxes/ The Gap does seem slightly smaller on the home page !

    Thanks

    Helen

  2. paulwpxp
    Font hero
    Posted 8 months ago #

    I'm sorry, but it is so very wrong to remove titile from the markup instead of hiding it visually by CSS using this format.

    .my-title-class-name {
    	position: absolute !important;
    	clip: rect(1px 1px 1px 1px); /* IE7 */
    	clip: rect(1px, 1px, 1px, 1px);
    }

    In general, hiding page title is a bad UX, users should know right away which page it's on, that's the purpose of page title. The front home page is the only exception that page title can be omitted. You can selectively hide some page titles making use of WP body class.
    http://codex.wordpress.org/Function_Reference/body_class

  3. Helen Leigh
    Member
    Posted 8 months ago #

    HI Thanks, I have put the coding back in for the titles as you suggested, however two things !

    1) it appears in black and the rest of the site is blue how do i code the colour (sorry i am new) http://www.britishyouthtravelawards.com/home/judges-boxes/

    2) my gap between the head / menu and now page title still remains any ideas how to remove?

    I am grateful for your help.

    Helen

  4. paulwpxp
    Font hero
    Posted 8 months ago #

    Under the current markup and class name this will change that page title color to the same blue as other.

    .page .content h2:first-child { color: #1a80d7; }

    This theme is a little strange that it has lots of space before and after page title and there is an empty div after it occupying lot of space. So this, in addition to the above, will reduce some space.

    .page .content h2:first-child { margin: 0; }
    .page div.line.title { margin-bottom: 0; }
    .page div.content { margin-top: 20px; }

    but should be used with a note that I don't know what should be inside that empty div, it might be something that you taken out ?

    Also, all of that only target pages, not post, not archive, not search. So if you want that to affect all pages, just remove out that .page

    CSS must be used in child theme stylesheet or Custom CSS plugin.

  5. Helen Leigh
    Member
    Posted 8 months ago #

    Wow you are AMAZING! this has solved it completely and i have learnt not to touch the php.

    Thanks a million for your help.

    Have a wonderful day.

    Helen

Reply

You must log in to post.

About this Topic