How to see all of the main image in Cometics Theme

Hi Guys
I am a new customer and have started to work on the Cosmetics theme for my client.
Ok, from the many, many discussions in the forum I could not find an answer to my question, so here it is:
I want my image, (is it the the sub heading image?) to be fully visible as per: http://sunessentials.com.au/larger-image.jpg

I would say it's about removing a lot of the padding etc.

and I have seen another request and that is to stop the logo from going smaller as you scroll down.
i.e. it keeps the same size in the browser, maybe goes smaller in the mobile view.

A beautiful theme with a lot of work in it, I am going to try and save all your hard work with swapping out content, BTW installation, demo content and slider revolution all installed well following your documentation.
thanks from OZ
Bryan

Comments

  • Hi,

    any link to page where you got this image and it's not fully visible?
  • Sorry about that, it's actually http://sunessentials.com.au

    and while you are looking at that image can you please explain how to remove the page title from the middle of the image
    cheers
    http://sunessentials.com.au/wp-content/themes/betheme/edit-this.jpg

    I am a bit lost with BeTheme, I know there is a learning curve involved, I had to create a website recently usng a JellyThemes template and it had it's learning curve as well.

    So as a general guide to edit the Cosmetics theme, which editor do I use? the WP one, Muffin Builder or Visual Composer? bit confusing

    cheers
    Bryan

  • As we can see, you set this image as html background. There is 2 ways to display full size of this image then:

    1) Choose transparent header type instead of the current one.
    2) Use this image as header's background, not as html part.

    In reference to 2nd question, this is subheader's title and you can remove it with the following css:
    #Subheader .title { visibility: hidden !important; }
  • Sorry Guys
    1. the image part is not working for me, you can see the size of the image? 1,400px × 933px (scaled to 1,257px × 838px)
    Is this too big?
    Plus I need the logo for the rest of the site, I did try removing it

    Can you please look at it now? http://www.sunessentials.com.au/
    I am trying to see all the image including the logo on the picture, maybe I need to resize that, no problem,
    but this option of the nav menu below the slider, drops it half way?? can it actually be under the image?
    cheers
    Bryan
  • Sorry but we don't get what you exactly want to do. We suggest to send us the screenshot of how you want to do this exactly because at this moment we are very confused.
  • edited May 2016
    Hi Guys
    sorry to confuse you, I am just as confused, I know what I want though, hope these attachments/links to pics help.

    http://sunessentials.com.au/sample-page3.jpg
    http://sunessentials.com.au/sample-page1.jpg

    The design for the sample-page3 is more of what I want, the photo's height sits great on the fold of the page.
    I think the menu underneath is ok, or on top, whatever is easiest

    hope this helps
    cheers
    Bryan
  • If sample-page3 is what you want to achieve, you supposed to use header type like Classic header. With the current header type you used, this won't be possible.
  • Ok got that one in place, I see what you mean, does look better except I am still losing parts of the image, so do I resize the image, or can you suggest via css to remove some space from the top or bottom of the page?

    back to you.
  • You can move it down with the following css only:
    body:not(.template-slider) #Header_wrapper { background-positon: center 100px !important; }
    Please notice that it's the only way to move header's background from the top.
  • http://www.sunessentials.com.au/

    #Subheader {
        padding: 150px 0 600px;
        padding-top: 150px;
    }

    The suggestion you provided to show more of the image's bottom, did nothing to show more of my image, can you see my hack of css, this is working, is it correct?
    It's what I want.

    New question with that image how I want it, there is  too much white space below it and this is the div controlling that
    <div class="section mcb-section   " style="padding-top:100px; padding-bottom:0px; background-color:">

    OK, what bit of css can you suggest to reduce the white space to about 20px, please?

    Keep in mind I won't have images of the models, unfortunately, but tubes and bottles of sunscreen, very exciting 8-)
    regards
    Bryan
  • To reduce empty space under the main image, you need to decrease it's padding directly in the section.
  • Ok, got it many thanks

    Do may customers comment on how the options are buried so deep?
    ok maybe I need to read the documentation through, so really it's all there


    One question that didn't get answered with an earlier enquiry is? should I just work with Muffin Builder, I am not that familiar with Visual composer, Dreamweaver yes, Photoshop, Illustrator Yes.

  • We think that Muffin Builder would be the best for you just like for thousands of other customers. It's much faster and lighter than VC plugin.
Sign In or Register to comment.