Support/Ultra Theme/Individual Content headers

[Resolved] Individual Content headers

  • Author
    Posts
  • June 15, 2018 at 5:35 am #10006

    KarinB
    Participant

    Hi there,

    I would like to use individual content header background images on sub pages. Is that possible with this theme?

    Thank you!

    June 15, 2018 at 9:33 am #10007

    Andrew Misplon
    Keymaster

    Hi Karin

    Thanks for reaching out.

    It would require a Custom CSS rule for each page concerned. For example:

    .page.page-id-1709 .site-content > .entry-header {
	background-image: url(https://yourdomain.com/wp-content/uploads/edd/2018/05/image.png);
}

    Here the page ID is 1709 which you can find by editing the page and checking the URL. The image URL would need to be changed with your image URL and the entire CSS rule would be inserted at Customize > Additional CSS.

    June 21, 2018 at 5:58 pm #10037

    KarinB
    Participant

    Hi Andrew,

    Thank you so much, this worked perfectly!

    One last question.. how do I change the content header hight?

    Thank you very much!

    June 21, 2018 at 6:01 pm #10038

    Puro Support
    Keymaster

    Super, glad that helped.

    Try adding to Custom CSS:

    .single .entry-header, .page .site-content > .entry-header, .blog .page-header, .archive .page-header, .search-results .page-header, .search-no-results .page-header, .error404 .page-header {
	padding: 20px 0;
}

    Adjust the 20px value as required.

    June 21, 2018 at 8:56 pm #10065

    KarinB
    Participant

    Thank you, that worked perfectly!

    Sorry, I do have one more question..

    I have a footer with 4 columns. The first column on the left has to be a bit wider than the others due to a heading. How can I do this?

    Thank you so much.

    June 22, 2018 at 3:10 pm #10067

    Puro Support
    Keymaster

    Glad to hear you’re making progress. You can try the following added to Customize > Additional CSS:

    .site-footer .widget:nth-of-type(1) {
	width: 30% !important;
}

.site-footer .widget:nth-of-type(2) {
	width: 20.58% !important;
}

.site-footer .widget:nth-of-type(3) {
	width: 20.58% !important;
}

.site-footer .widget:nth-of-type(4) {
	width: 20.58% !important;
}

    It’s quite tricky to adjust yourself. All four widget widths equal 100% - 8.25% for spacing.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

Scroll to top