Closing the Gap between the Entry Title and a Slideshow
-
Hey, guys! For the Newsworthy theme, I’m trying to eliminate the space that exists between the entry title of my homepage and the top of the slideshow beneath it.
Is it possible to maintain a space that is equal to the gap at the bottom of the slideshow (before the body text begins), while eliminating the gray line under the entry title? Just eliminating the line, will leave a wider gap than needed, I believe, because of the space that exists under the actual entry title’s text.
It just looks off, with the current line and spaces present and no opening text. I’d like to fix it if I can.
Thank you!!!
The blog I need help with is: (visible only to logged in users)
-
See how this works for you.
body.home h1.entry-title { border: none; padding-bottom: 0; margin-bottom: 0; } body.home .entry-header { margin-bottom: 15px; } -
-
Hey! That looks a MILLION times better!! The gray line under the entry title is still present, but I’m undecided on whether I like it or not. If you wouldn’t mind sharing the code to remove it, I’ll try the look without it. I have another question, in the meantime, about image borders. My page-top image on any MSDS sheets, like this one: http://hudsonchemicals.com/encapsulate-msds/, show the gray border extending beyond the image’s border. I’ve made it to match the way the page header for searches looks, but the gray line’s corners don’t look right. There may be other images I’d like to remove the border on, as well.
-
Hmmm, I’m not seeing the grey line under the entry title in any of my browsers. Which browser are you seeing it in?
On the MSDS page, that is a box shadow that you are seeing. We can adjust this to match the rounded corners on the image, but we don’t have a way to target only msds pages, so you would have to do it by page id for each page where it occurred.
What would be the least work would be to just change the box shadow on all images to transparent with the following.
.entry-content img, .comment-content img, .widget img { box-shadow: 0 0 3px rgba(0, 0, 0, 0); } -
Okay. I’ll try the transparent. I can add my own photo borders, if needed. Also, I’m seeing that a background can be chosen, so I’m assuming (oh boy! Lol) that I can add my own. Is it true? Yeah, I have made a lot of work for myself, with the untargeted pages. It’ll be worth it in the end, when it all looks and works right. :)
-
The change to a transparent border was pretty drastic, across the board, so I left it as the default. Thanks, though. I guess I’ll need the code for the individual page image border change. I’m not sure how to convey the exact dimensions of an image’s borders, specifically. I’ve found I’m able to do a lot, with images and layout, because I’m an artist. I’m still learning the more technical side of it. Would you be able to assist?
-
-
Sorry, I do this every time I get you on here! One more..I’d like to add the trademark TM to the end of my site description, but there’s no way to access the special characters in customization and system characters aren’t recognized.
-
For your tagline, try copy/pasting the following into the tagline field at Settings > General and then save.
We're Keeping Our Environment Safe & Your Workplace Clean ™On the box shadow on MSDS pages, assuming you are using the same image on all MSDS pages, we can actually use the unique image id class to target only that specific image. Give the following a try and see how it goes.
img.wp-image-4711 { box-shadow: none; } -
If you go into Customizer > CSS and look down below the Media Width field to the paragraph, it will tell you that Newsworthy has 585px of width for images. You can create and use images wider than that and when inserted, the WP and theme software will use a copy of that image sized to 585px in width. I would suggest you make the images at least 585px wide because WP will not “enlarge” the image because it would result in lesser quality. The software can reduce images and maintain very nearly the same quality though.
-
It all looks and works great! Thanks!! Yes, I’ve noted those dimension parameters. Gotta maintain that quality.
-
Hey! Noticing that there’s just too much top & bottom margin on the sidebar widget images. Can I reduce them?
-
Scratch that last one. I shuffled them around to stack better. The spacing is fine. Also, I’m still hoping that a site background can be added. That was what the image dimensions inquiry was about. I’m thinking of something subdued overall, or possible a tiled something down the left side.
-
I’m sorry..I do need to know how to adjust the margins on the sidebar widget images, or the widgets themselves. There’s odd spacing going on, for sure.
-
I have this code, but it’s not affecting the spacing between the widgets much.
.widget {
margin: 1em 0;
padding-left: 8px;
}Is it possibly the image margins, that I need to adjust?
-
Also, I’m trying to accomplish the same effect on the products page as I did for the home page. Tried this code, but it didn’t accomplish what I was hoping for.
body.post-679 h1.entry-title {
border: none;
padding-bottom: 0;
margin-bottom: 0;
}body.post-679 .entry-header {
margin-bottom: 15px;
}How far off is it? Lol
-
I’ve left you a short novel. LOL..I get what you meant. I can change the image size accepted, so I can add a quality background image. Coooool! If you give me that code, amongst these others, I will get on it. I apologize for the numerous requests, all at once!!
-
SORRY! You meant that for those MSDS banners…Still on the meds for another three months, and I’m seriously dim. Ughhhhh…
-
Figured out the spacing issue for the sidebar. Thanks for directing me to the max image size field, too. Those banners look WAY sharper! I realize you’re not getting to this thread immediately, so just letting you know what I’ve taken care of, so I’m not wasting your time.
- The topic ‘Closing the Gap between the Entry Title and a Slideshow’ is closed to new replies.
WordPress.com Forums 