• Resolved mdesafey

    (@mdesafey)


    Hi,

    We turned off the page titles for each of our pages on the website, with Custom CSS code. Our question is that since this space is now empty is there also a way within the theme to collapse the space that is held open for the title headings?

    Please let me know if this can be done with custom CSS code and what that code should be? or if we have to adjust the theme code where in the theme do we make those adjustments.

    thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • I would add an image.I dont think you can fill space with css. You can fill some around text or image but only in pixels like padding. You can add something with html.You have 2 ways to go other text or image.

    Thread Starter mdesafey

    (@mdesafey)

    Barry,

    To add a different image on each individual page where the title is turned off at. What would be the best code string to use? We attempted to add it in the custom css box, but had no luck – even with that method we would have the same image on each page. No what we want.

    Is it best to add the code in the html specifically for the individual page/template we would like it to show up for? and where would we find that file?

    Can you provide a link to your site to better understand your problem?
    Thanks

    Thread Starter mdesafey

    (@mdesafey)

    Below you will find a link to one of the pages we are trying to modify.

    https://www.webuilddevelopment.com/services/we-buy-homes/

    You will see between the Top header and the main picture on the page there is a good amount of blank space; which is typically where the page title is. We turned off the page title with custom css code and are now trying to collapse the space for that area to bring the picture up to the bottom of the header?

    Can you tell us how this can be done and what code needs to be used, and what file to insert it into to accomplish this task?

    thanks

    But do you want keep that line above articles?
    a) If not:

    .page .entry-header {
    display: none;
    }

    b) If yes:

    .page .entry-header .featurette-divider.__before_content {
    margin: 10px 0;
    }

    And adjust this margin to better suit your needs. Also you can obtain
    the same result of a) not displaying this featurette-diver at all:

    .page .entry-header .featurette-divider.__before_content {
    display: none;
    }

    Hope this helps.

    mdesafey I would just move everything up 20-30 pix between each. Start at the bottom and work your way up.I think it looks pretty good now. I would have the text inline with the picture. By the time you move it all up it should take care of the space.

    Thread Starter mdesafey

    (@mdesafey)

    Thanks. Problem has been fixed.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Turned Off Titles. How Do You Collapse Space..’ is closed to new replies.