Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Illdy theme]Adding header img to register page


  • jimmielimon
    Participant

    @jimmielimon

    Hello, I am a newbie to wordpress and css understanding but I am having trouble getting my header page to appear on my “register” page. I am running wordpress through bluehost and am currently using the Illdy theme and have “buddypress” plugin installed which provides me the register page. My jumbotron is set and is working fine as the header does appear on every other page except for this one. I also attempted to code the css manually to include the header image but it didnt work. Any help?

    .page-id-164 .site-header {
    background-image: url(“../wp-content/uploads/2016/10/landscape-1430667939-mayweatherbeatspacquiao.jpg?fit=1600%2C800”) no-repeat scroll 0 0 transparent;
    }

    ^ is the code I used to try to attempt to get it to appear.

    Here is what it looks like, thanks!PS: the create account is highlighted for reference

    View post on imgur.com

Viewing 5 replies - 1 through 5 (of 5 total)

  • jimmielimon
    Participant

    @jimmielimon

    Also: how can i prevent the photo image that I use for the players from appearing as the header? and how do I change the header font from white to black?


    danbp
    Moderator

    @danbp

    Hi,

    you’re using a one page theme, which is not the easiest to start with for a beginner.

    I would recommand that you read first your theme documentation.

    One of the first line of the documentation contains:
    This WordPress theme can be entirely configured via WordPress Theme Customizer […].

    I encourage you to use that feature, before adding custom code.

    I tested the theme. Downloaded and activated. I didn’t upload the bunch of additionnal plugins recommanded by the author. At a first glance, all seems to work correctly. And my register page has a header.

    Out of the box, the theme comes with a header image. You can change it via the customizer.
    Dashboard > Apparence > Header

    As it is a one page, you have no (easy)possibility to assign different headers to different pages, like what you apparently try to do. The BP register page runs with the same header as the site.

    To change the CSS or BP templates, you need a child-theme. This let you make customization without loosing your changes after a theme, a BP or WP update.

    In the style.css of the child theme, you add this rule for the new header color:

    #header .bottom-header h2 {
        color: #000;
    }

    You can, for test purpose, add it to /illdy/style.css (which is empty). But be aware that it will certainly be overwritten at next update.

    Any other question related to your theme should be asked on theme support (you already asked there for the same as here).

    https://codex.wordpress.org/Child_Themes


    jimmielimon
    Participant

    @jimmielimon

    hey thanks for the reply. if you could visit my site theboxingjournal.com and click “register” to see what I am talking about that would be appreciated.

    I reinstalled buddypress to see if it would fix the header problem but no luck. Im not sure what else I can do in my situation, anything would be appreciated.


    jimmielimon
    Participant

    @jimmielimon

    Also, I have jetpack enabled but some of the bars from the “about section” video to the link you provided are not popping up, any suggestions?


    danbp
    Moderator

    @danbp

    You have to adjust the CSS to get the title in black. Title is showing on register page, but white on white !

    The code for this is

    <div class="col-sm-12">
    <h2>Create an Account<span class="span-dot">.</span></h2>
    </div><!--/.col-sm-12-->

    In the CSS you add
    .col-sm-12 h2 { color: #000; }

    And if you want to change the dot color too (actually yellow), you use
    .col-sm-12 .span-dot { color: #000; }

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