• I am setting up biography pages on my website for each exhibitor of the event I am involved with.

    Here is an exhibitors page: https://www.circus11.com/wordpress/?page_id=146

    On the main website sections ‘HOME, LINE-UP, ABOUT’ etc I want the alternating header images to stay, but on each exhibitors page I want to be able to select a certain header image to display the exhibitor’s work.

    Does anyone know how I can do this? I think I may have to edit or input some code into the function.php

    [Code moderated as per the Forum Rules. Please use the pastebin]

Viewing 15 replies - 31 through 45 (of 52 total)
  • Thread Starter ieatwork

    (@ieatwork)

    Excellent. All worked perfectly. However, a little black square has now appeared in front of the Facebook icon. I’m assuming this is something to do with the CSS?

    Marventus

    (@marventus)

    Add:

    list-style-type: none;

    to #social_container ul.
    That should do it.

    Edit: I forgot to tell you that you should also change:

    margin: 0 7px 0 0;

    to:

    margin: 0 0 0 7px;

    in #social_container ul li.

    Thread Starter ieatwork

    (@ieatwork)

    Yep, sure did!

    I tried to work out what the little black square was by using Firebug in Firefox, but the inspect tool wouldn’t highlight anything when I hovered over the square.

    Thanks again for your help.

    Is there any way I can give you points or a ‘Like’ on here?

    Marventus

    (@marventus)

    Glad it worked. Did you see my Edit? Your post came in while I was adding it (sorry about that).
    WP Forums don’t have a score or point system. I think it is to encourage selfless and uninterested help around the forums, but I’m not 100% sure.

    Thread Starter ieatwork

    (@ieatwork)

    I just got the edit. Thanks for pointing that out.

    It’s a shame there is no score or point system. Perhaps it’s done on the number of posts you make. I.e. The more thread/posts in which you’ve helped someone the higher your ranking becomes on the forum…

    Thread Starter ieatwork

    (@ieatwork)

    I’ve tried searching for ways in which I can change the max-height of the featured images on my website.

    I found this code in functions.php: https://pastebin.com/PfmvE3ZT

    I want the height of the image on the homepage to be larger as we are constantly adding new exhibitors to the event.

    I thought that if I added: max-height: 418px; underneath max-width: 990px; this would enable the larger featured image on the homepage to display fully and not get cropped as it at the moment.

    Marventus I know I keep asking you questions but do you know a quick fix to this? Am I thinking along the right lines by adding a max-height value?

    Thread Starter ieatwork

    (@ieatwork)

    I am going to trying posting in the main forum to see if anyone has any ideas ??

    Marventus

    (@marventus)

    Hi,

    I hadn’t seen your post: sorry about that. Let me take a look and get back to you.

    Thread Starter ieatwork

    (@ieatwork)

    Ok thanks Marventus.

    Thread Starter ieatwork

    (@ieatwork)

    Did you manage to find a fix for this? I’ve had no response to my other threads in the forum.

    Marventus

    (@marventus)

    Hi,

    I hope you are doing well. Sorry I took a while to get back to you, but I was caught up working on smth else for another thread which took longer than anticipated.

    I re-checked the coraline header code, and I didn’t find any limitations regarding height. The only thing it seems to care about is the width, which makes sense.

    Bottomline, if you make the homepage header taller, it should still work. Did you try doing that already?

    Let me know!

    Thread Starter ieatwork

    (@ieatwork)

    Yeah, I tried uploading the taller header (418px in height) once I had changed the max height to 418px in functions.php

    I couldn’t find any height values to change in header.php

    Maybe see if you can find anything? https://pastebin.com/7AL1kkw5

    I’ll upload the taller image now so you can see how it appears.

    Marventus

    (@marventus)

    The image that is being displayed now in the home is 700×226 pixels (according to Chrome’s code inspector and Firebug), but it is being assigned a size of 700×320 inside the HTML code.
    Are you sure you are uploading the right image? Because I really don’t get how that could be happening, heehee.

    Marventus

    (@marventus)

    Actually, the image size is 990×320, but it is getting reduced because you have a max-width property of 100% set to your
    #branding2 img selector. It is definitely not 418 pixels tall though.

    Thread Starter ieatwork

    (@ieatwork)

    Very odd. The image I have uploaded is 990 x 418px.

    All the other header images I’ve uploaded are 990 x 320px.

    I think Coraline has some sort of image size reduction code or process, possibly so that if the website is viewed in a very large screen the images won’t appear too blurry? That was my thinking anyway!

    Hmmm.

Viewing 15 replies - 31 through 45 (of 52 total)
  • The topic ‘Need to make random header image static on certain pages. Help!’ is closed to new replies.