dancoxdrums

Hey guys,

Thanks for the responses and sorry for the broken link, should be fixed now.

As for details Kevin, I’ll try to keep it simple– all of the blog pages on the Pinnacle demo look great, but it seems I’ve deviated too far from these with my customisation! If you could somehow help me get back to that design while retaining my site’s colour scheme and fonts that would be incredible.

I guess I’d aim for the blog page to be like this- https://themes.kadencethemes.com/pinnacle/blog-grid-example/

And posts like this- https://themes.kadencethemes.com/pinnacle/carousel-post-gallery/

Many, many thanks!

Danny

Hey guys, the new code did it, thanks.

So my custom CSS in total is now:
.container {
width: 100%;
}

h3 {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}

h4 {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}

h5 {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}

h6 {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}

p {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}

.single-post {
background: #FCF6F4;
}

.post {
background: #FCF6F4;
}

body { background:#FCF6F4;}

.rowtight, .row {
margin: 0;
}

body.home #content .main, .container {
padding: 0;
overflow-x: hidden;
}

@media (max-width: 768px) {
p,h1, h2, h3, h4, h5 {
max-width: 90%;
}
}

.rowtight, .row {
margin: 0;
}
body.home #content .main, .container {
padding: 0;
overflow-x: hidden;
}
body.page #content .main .pageclass {
padding: 0;
}
@media (max-width: 768px){
p,h1, h2, h3, h4, h5 {
max-width: 90%;
}
}
.headerclass > .container {
overflow-x: visible;
}

img {
padding:-10px;
margin:-10px;
}
@media (max-width: 768px){
.kt-home-call-to-action {
background-attachment: scroll !important;
}
}

Hey Hannah,

The CSS is still present. How odd. I did clear my cache and I’ve just done it again.

To clarify, I’ve added the CSS in the Pinnacle theme options as opposed to the WordPress CSS section– I’m assuming this is the right place for it.

Danny

Hi Ben,

Thanks, but no change! I’ve added the CSS in theme options > custom CSS. Image still just shows as a grey box on my iPhone.

Danny

Hello again Kevin, thanks for another assist!

It’s up now.

As a note to anyone else experiencing this problem– the plugin ‘W3 Total Cache’ was the problem.

Hey Kevin,

That did it, thanks!

Got it. Thanks.

I did check Jetpack, and went as far as turning off their Carousel feature, but the Portfolio related stuff is under ‘Custom Content Types’.

Great, thanks again, and also for the tip about shortcode– I figured out fairly early on that I’m better off in the text editor than visual… WordPress seems to like to sneak changes in without you noticing if you use visual!

Okay, looks like we’re still not quite done here… I definitely owe you guys a beer…

The homepage is perfect but the fix isn’t applying site-wide. If you check out–
https://drumlessonsinbristol.com/drumlessonsinweston/

You’ll see that there’s still the small padding that was the original issue.

Many thanks again,
Danny

Thank you! All good. Can I tip you guys via PayPal or something? This is great support for a free theme.

Uh-oh… Everything looked good with this until I tried hovering over my menu and nothing dropped down!

Thank you so much for the original assistance but I wonder if this can be solved as well?

Hey, I was talking about the dropdown items, yeah. I’m fairly happy with this part of the page now but I have another issue, which I’ll post in a separate thread.

Thanks for the help!

Thank you!

Ok, interesting development–

I’d used some CSS to change the padding of bulleted lists and it turns out this was affecting the items in my menu.

Any way to make these alterations independently of one another?

Apologies if it seems like I’m hijacking your thread, loco– not my intention!