• Hello,

    Is there away to change the size of the header image for single posts and pages (but not the homepage)?

Viewing 15 replies - 1 through 15 (of 23 total)
  • Same question. Better yet, is there a way to remove the header from specific pages?

    Theme Author CrestaProject

    (@crestaproject)

    Hi,
    is a bit complicated to change the size of the header because it is set automatically to fit the screen size (via javascript).

    You should edit the file “jquery.fortunato.js” to line 9 and create exceptions for certain pages.

    For example: if the page has the ID = 95, then the height of the header will be windowHeight:2 (half of the screen).

    It is just one example but the method to follow is this!

    Best Regards,
    CrestaProject

    Yes, I have the same question. I would like the landing page height to be a bit shorter. Then on the rest of the pages and category links, I would like the header height to be even shorter. I enjoy everything about this template except that it is not entirely clear a viewer has to scroll past the page to view any content at all.

    So if I am understanding correctly, I should not change the CSS Stylesheet section, but rather the “jquery.fortunato.js” section and edit there?

    I dont understand where to find the javascript to edit the main landing page or the heading for the other pages and categories.


    This is my site for reference

    From the edit the theme screen I have these to choose from and no idea where to begin:
    404.php
    archive.php
    comments.php
    contents-none.php
    content-page.php
    content-single.php
    conent-php
    footer.php
    functions.php
    header.php
    custom-header.php
    customizer.php
    extras.php
    fortunato-dynamic.php
    jetpack.php
    template-tags.php
    theme-options.php
    main index template
    page template

    Theme Author CrestaProject

    (@crestaproject)

    Hi rindergaard,
    I’m not sure it is possible to edit the javascript from “WordPress Editor”.

    I think it’s better to use a FTP client. The file is located in ../wp-content/themes/fortunato/js/jquery.fortunato.js

    Best Regards,
    CrestaProject

    Thank you for your reply CrestaProject.
    Can you tell me if this editing option is available if I purchase the full version of the theme? If editing that functionality/visual element is possible in the full theme I would seriously consider using that.

    Theme Author CrestaProject

    (@crestaproject)

    Hi rindergaard,
    Unfortunately this feature is also not available in the PRO version because the theme was thought to have a full screen picture in the header.

    Maybe in future updates will insert the option to choose the header image size ??

    I’m in the pro version right now.
    I think the area that needs to be edited for global change is going to be on line 33.

    Where

    function setHeight() {
    				var windowHeight = $(window).innerHeight();
    				$('.site-header, .site-brand-main').css('height', windowHeight);

    Change to

    function setHeight() {
    				var windowHeight = $(window).innerHeight();
    				$('.site-header, .site-brand-main').css('height', '600px');

    Replacing windowHeight with a numeric size.

    Io sto modificando da FTP – ma inserendo windowHeight:2 mi si sballa tutto.
    Puoi incollare esattamente il pezzo di codice pre e post modifica?
    Grazie!

    Theme Author CrestaProject

    (@crestaproject)

    Or you can change it in percentage, this will always fit the screen ??

    Edit the file jquery.fortunato.js at the line 10

    Edit this:

    var windowHeight = $(window).innerHeight();

    With this:

    var windowHeight = $(window).innerHeight() / 2;

    In this case, the header will be 50% of the screen.
    Pay attention to the size of the title and subtitle of the site, because the space is smaller than the original ??

    Best Regards,
    CrestaProject

    How and where can I find the “jquery.fortunato” file?

    Hi there,
    under the comments textbox I cannot remove this text:
    You may use these HTML tags and attributes: <abbr title=””> <acronym title=””> <b>

    <cite> <del datetime=""> <i> <q cite=""> <s> <strike>

    Thanks!

    Theme Author CrestaProject

    (@crestaproject)

    Hi aledal,
    you can remove that text by adding this code in the style.css file (at the end of the page):

    .form-allowed-tags {
    	display: none !important;
    }

    Best,
    CrestaProject

    Is there still no way to create only the header image on the home page? If it were a paid feature I would be willing to pay for this. I love the theme, but I can’t get passed having to scroll down on every page to see content.

    Does anyone know how to remove it complete from a post/page? Because I’m having the same issue and I agree… can’t really use it with the header being so big.

Viewing 15 replies - 1 through 15 (of 23 total)
  • The topic ‘Header Size for Posts’ is closed to new replies.