Front Page Full Screen Header & black background

  • mchomestaging · Member ·

    dear Taras,

    venture theme is just great and perfectly satisfactory for my needs.
    However I need a little help:

    I´d like to reduce the height of the front page header and all other headers.

    heres my code:

    #fullscreen-header .featured-slide {
	height: 30em;
}

#primary-header {
	height: 25em;
}

    On the Front Page Header only the slide height is reduced and now there is a black background showing up.

    Can I reduce the height of that black background as well? So that there is a direct transition to the white introductory text section?

    On all other headers it works perfectly.

    And on more question to be answered:

    is there any way to program a “copy & paste” blocker via CSS, like copyright on text and pictures?

    Thanks for your help

    best regards Eva

    The blog I need help with is: (visible only to logged in users)

  • mchomestaging · Member ·

    Hello Taras,

    I fixed the problem by using this CSS:

    #fullscreen-header .featured-slide .hentry-inner {
	padding: 60px 20px;
}

#fullscreen-header, #fullscreen-header .featured-slide {
	height: 70vh !important;
	min-height: 70vh !important;
}

    What kind of “styling issues” do I have to expect on that?

    Any other idea or solution?

    Thanks for your help

    brgds Eva

  • tarasdashkevych · Theme Author ·

    Hello Eva,
    Thank you for posting the solution!

    I’ve tested your solution and I do not see any issues right. The only thing that I would change as well is to reduce the font size of titles:

    #fullscreen-header .featured-slide .entry-title {
	font-size: 3em;
}

    Best,
    Taras

  • mchomestaging · Member ·

    Good morning and thank you Taras.

    I will work on the font size. :-)

    Maybe you have an ideas for my 2nd question as well:

    “is there any way to program a “copy & paste” blocker via CSS, like copyright on text and pictures?”

    thank you so much for your help

    brgds Eva

  • tarasdashkevych · Theme Author ·

    Hi Eva,
    Not a problem :)

    “is there any way to program a “copy & paste” blocker via CSS, like copyright on text and pictures?”
    – Unfortunately, it’s not possible to do this via CSS because CSS can only change the styling of the site but not its functionality (in our case copy & paste blocker).

    Best,
    Taras

  • The topic ‘Front Page Full Screen Header & black background’ is closed to new replies.