Closing the Gap between the Entry Title and a Slideshow
-
Many thanks for letting me know, and once in a while things get in the way for me. Glad you got it worked out.
-
Hey, thesacredpath. Yes, CSS is doing wonders on the site. Pretty much everything has worked out, so far.
I’m trying to accomplish the same effect on the products page as I did for the home page, but decided against there (due to the color scheme impact). Bringing the content right up to the page’s top, with no entry title and just standard blank space.
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;
} -
If you look in the opening body HTML tag on the Products page, you will find
page-id-679
so we need to use that to target this page..page-id-679 .entry-header { display: none; }The above hides the title as well as the line below it.
If you wish to decrease the spacing above, there is top padding on the “article” div so we can use the following to adjust that.
.page-id-679 article { padding-top: 30px; } -
Worked perfect! A little -12px adjustment, on that spacing, and it’s right in there. Thanks!! Just found a problem. The sidebar widget for the most viewed is showing HTML, because of the lack of a title.
-
-
20px is actually perfect, with the way the page fills an “elevated” space over the background. Nice! Okay, I’ll stop with the play-by-play. Lol
Have a good one, Man! Thanks, again!!
-
The sidebar widget for the most viewed is showing HTML for that page, because of the lack of a title. Is there a way for it to populate some of the body text there, instead?
-
Along with the above :) , I have the following code to handle the appearance its content.
.site-title a:after {
content: “.com”;
font-size: 65%;
color: #00aeef;
text-shadow: 3px 3px 6px #000040;
}Is it possible to split up the code, or add to it, to make the dot > . < in .com the color #ff7f50 ? I’m able to remove the dot, of course, but I’m unable to put it together like I want.
Thank you!
-
-
The code we added for the mods to the top of the Products page will hide the title for the Products page, so add the title of your choice to that page and it will not display, but will display in the sidebar widget.
-
Oh, cool! Also, I feel like an idiot. There’s a “Choose Image” button in customization…If it’s not new, I’ve missed it this whole time. Can I do the dot in .com, like I want? I tried some adaptations of that code, but they didn’t work.
-
Actually, I knew about it. I had to use it when I designed my other personal site. Just forgot the frustration of locating the change button. Lol..Guess I dumped that stress related file.
-
One more, besides the site title being split into 3 colored parts HudsonChemicals in it’s current white, the dot to #00aeef and the 3 letters com the color I have it in. I also want to increase the navigation bar container. 1. To make the logo larger, and 2. To open up the gap between the top of the menu tabs and the line where the actual website begins. You’re always appreciated, Man!
-
-
Searched the forums for a couple of hours, to no avail. I know I can’t be the first person to attempt this! LOL
-
On the dot in dot com, it’s not going to be possible to make it a different color.
On the height of the nav area, to increase the height of your logo, add the following media query which limits this to when the full navigation is showing (not touch menu).
@media screen and (min-width: 881px) { #site-navigation { padding-top: 40px; } } -
Looks great! Too bad on the dot, but that’s extremely minimal.
New issue:
Got a piece of code to adjust the slideshow window controls and caption location. I love the setup, but two problems arose.
1) I fixed already, but the adjustments I had made to the code for spacing made the entry title show up above the slideshow again.
2) Fixing that resulted in the HTML showing up for the front page in most viewed posts widget again. Is it possible to eliminate the front page from that list, altogether.?
-
Make that 3…
3) The white lettering and drop shadow (now underneath the slideshow window) gives it an embossed look I like, but I need to adjust the font color for those with troubled vision. It’s pretty subdued, currently.
-
And (finally) problem 4 that arose:
4) The look of the slideshow on mobile is pretty off. The code I added caused that. :(
-
The slideshow caption text color can be adjusted with this.
.slideshow-slide-caption { color: #cc0000 !important; }Where are you wanting to put the slideshow controls/caption?
- The topic ‘Closing the Gap between the Entry Title and a Slideshow’ is closed to new replies.
WordPress.com Forums 