Skip to:
Content
Pages
Categories
Search
Top
Bottom

Header incorrect styling on Forum base page

  • @timmy321

    Participant

    Hi there,

    Please bear with me here as I’m new to all this css stuff! I spent all of yesterday trying to find out what is going wrong..

    After installing BB Press in my Astra Theme my header background colour, site title + tagline and sub menu + button have lost their formatting (or maybe more correctly termed style?).

    You can see here:

    http://findgyms.co.uk/forums/

    This is compared to the header background colour and site title/tagline formatting in all my other pages (for example):

    Home

    This confuses me even more because the forum topics have the correct header formatting like all my other pages:

    General Discussion

    As I couldn’t understand where this issue lies I posted on the WordPress forum who then directed me here to ask the question 🙂

    I’m building the pages through WordPpess dashboard as per this video example:

    I’m using Elementor to build all my other pages.

    Can anyone help please?

    Many thanks in advance,

    Tim

    p.s. I would like to add even though I’ve literally spent 8 hours trying to figure this out I think bbpress is an awesome addition so thank you to whoever put it out there!!

Viewing 10 replies - 1 through 10 (of 10 total)
  • @timmy321

    Participant

    I would also add..

    Could there be some inline code overriding my css on this page?

    I don’t fully understand what I’m looking at when I right click and press ‘inspect’ on the header.. but when I unlick things in the right bottom css part it does appear to have an affect on the header styling. If so, I have no idea how to override it.

    This is the css that appears to work for all my other pages:

    a, .page-title {
    font-family: a-love-of-thunder;
    }

    .ast-theme-transparent-header .site-title a, .ast-theme-transparent-header .site-title a:focus, .ast-theme-transparent-header .site-title a:hover, .ast-theme-transparent-header .site-title a:visited {
    font-family: a-love-of-thunder;
    }

    .ast-theme-transparent-header .site-header .site-description {
    font-family: a-love-of-thunder;
    }

    .ast-theme-transparent-header .site-title a, .ast-theme-transparent-header .site-title a:focus, .ast-theme-transparent-header .site-title a:hover, .ast-theme-transparent-header .site-title a:visited {
    font-weight: normal;
    text-shadow: 0px 0px 0px rgba(0,0,0,0.3);
    }

    .ast-theme-transparent-header .site-header .site-description {
    font-weight: normal;
    text-shadow: 0px 0px 0px rgba(0,0,0,0.3);
    }

    @robin-w

    Moderator

    hmm, I took a look, and yes it’s another theme that is lazy and does it’s css using inline, which makes it a real pain to debug or override.

    but I can’t see what is wrong to cause it.

    do you have a forums’s page using a shortcode or are just using a url to go to forums?

    see item 8 in this to understand what I mean

    Step by step guide to setting up a bbPress forum – Part 1

    @timmy321

    Participant

    Hi Robin,

    Thank you very much for replying!

    Ah yes, so it’s the ‘forum index’ page that is displaying a different style to all the other pages.

    I’ve used the short code: [bbp-forum-index] on the forum index page that I made in the WordPress ‘Add New’ page.

    I’ve then linked the url: http://findgyms.co.uk/forums/ to the ‘Forums’ button in my header.

    I hope this answers what you were asking?

    In regards to the explanation in the linked item 8.. Well, that was a learning curve! I didn’t even know how to access the WordPress database but now I do!

    If I’ve understand it correctly, this header issue is possible as the ‘topics’ pages in the forum posts have the correct header styling but the ‘index’ does not – from the description this says it could be due to the index page using the ‘about’ page style instead of the topics using the ‘posts’ style.

    After looking in the database I think that the forum index page is using the correct ‘Astra’ theme, but not showing the correct css for my header that all my other pages are (even the ‘About’ page).

    So I don’t think I would need to copy and rename the page.php file to bbpress.php (unless I wanted bbpress theme to be different to the astra theme – I think I’ve got that correct, if not apologies!)

    I really appreciate any further help with this as this is becoming quite confusing for my extremely novice brain 🙂

    Thanks,

    Tim

    @chookbrown

    Participant

    Perhaps you could use a plugin such as CSS Hero which will help you customize your look for your pages quite easily. Hope that helps.

    @timmy321

    Participant

    Hi Chook,

    Thanks for the suggestion, but to be honest I was hoping to find out what the issue is & how to fix it as it’s only one page on the site. I’m trying to stay away from purchasing plugins for the time being as I am very early on in making the website & like to learn how it all works.

    I’ve looked into this a lot however & don’t think I have the skills to find out what is wrong.

    I was hoping someone might be able to understand the issue & suggest a fix.

    Does anyone have any other suggestions? Robin, could the placement of short code be causing an issue as you asked in your reply?

    Many thanks in advance,

    Tim

    @robin-w

    Moderator

    @timmy321

    I’m a bit stumped as to why your theme is doing that, it would be worth just trying

    So I don’t think I would need to copy and rename the page.php file to bbpress.php (unless I wanted bbpress theme to be different to the astra theme – I think I’ve got that correct, if not apologies!)

    if it works, great, if not then take it out

    @timmy321

    Participant

    Hi Robin,

    That unfortunately has not had any effect.

    Is my only option now to delete the astra theme and choose another one?

    If so, would you know any theme that this bbpress will work on?

    Many thanks,

    Tim

    @robin-w

    Moderator

    given this is a paid theme, I’d raise the issue with Astra.

    I also think astra using elementor, so this might also be relevant

    bbPress

    @timmy321

    Participant

    Hi Robin,

    I’m using the free version of Astra and Elementor.

    However, I’ve spent far too long trying to figure this out so I purchased CSS HERO like Chook suggested and I must admit I’m so happy I did!

    I imagine somehow it finds the root of all css on the site then somehow by putting in new css it overrides the current css (which is odd as when putting custom css into the wordpress customizer – additional css literally nothing will change on the site).

    Anyway.. it works!

    Thank you both,

    Tim

    @robin-w

    Moderator

    great – glad you are fixed

Viewing 10 replies - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.
Skip to toolbar