Removing Title Space in Pages
-
Is there a possible way to remove the title space on certain pages in order to close the space? Or if not, is there a way to insert a media image in the title space? Many thanks in advance!
The blog I need help with is: (visible only to logged in users)
-
It sounds like there is just too big a margin between the title and the content is that right?
If so, we can absolutely shrink that space with CSS. If you wanted to shrink it everywhere the code would be:
header{ height: 150px; }If you only want to make the change on certain pages, let me know which ones and we can modify the code.
-
Great, thanks!
I only need it on certain pages, since I’d like to keep the title on certain ones. Here are the URL links:
http://nwwinesandspirits.com/wineries/garcia-schwaderer/
http://nwwinesandspirits.com/wineries/polkura/
http://nwwinesandspirits.com/wineries/villard-fine-wines/
http://nwwinesandspirits.com/wineries/vina-armidita/
http://nwwinesandspirits.com/wineries/vina-santa-cruz/http://nwwinesandspirits.com/our-wines/garcia-schwaderer/
http://nwwinesandspirits.com/our-wines/polkura/
http://nwwinesandspirits.com/our-wines/villard-fine-wines/
http://nwwinesandspirits.com/our-wines/vina-armidita/
http://nwwinesandspirits.com/our-wines/vina-santa-cruz/http://nwwinesandspirits.com/awards/garcia-schwaderer/
http://nwwinesandspirits.com/awards/polkura/
http://nwwinesandspirits.com/awards/villard-fine-wines/
http://nwwinesandspirits.com/awards/vina-armidita/
http://nwwinesandspirits.com/awards/vina-santa-cruz/Thank you in advance!
-
That’s a lot of pages, so I’m going to show you how to get started and you can add the rest :)
Here’s the code with the first two pages done:
#post-31 header, #post-43 header{ padding: 10px; }To add the other pages, you just need to find the post id for each one and follow the pattern. Here’s the process:
- Click the link for the next page in the list
- While you are on the page, right-click and choose “Inspect Element”
- This will open a window at the bottom of your page that allows you too see all sorts of extra info about your page.
- There is a lot of info there you don’t need to worry about, but at the very bottom you’ll see this: https://cloudup.com/cil8gQRJgLe
The post number you are looking for shows up in the middle of that row. - One you have the post number for the page, just add it to the code remembering to put a comma between each entry. For example, the post number for the next page on the list (Villard fine wines) is 35. That means the next selector to add to the code is #post-35 header.
When you add the next page to the list, the CSS code looks like this:
#post-31 header, #post-43 header, #post-35 header{ padding: 10px; }I’m happy to help if you get stuck, or need some help getting used to finding the post numbers. Let me know how it goes!
-
-
Ok, that is not resolving the issue. If possible, I’d like to eliminate the title on these pages or at least shrink the space it takes up? Is that an option?
Thanks! -
I forgot to say the final entry doesn’t need a comma. I removed it and re-saved your code. See if it looks the way you expected now.
-
-
- The topic ‘Removing Title Space in Pages’ is closed to new replies.