Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #313988

    Hello,

    First of all I’d like to thank you for your wonderfully crafted template, it’s really great!
    I’m currently designing a website for a musician but there are two or three things I currently don’t manage to do.
    Here is the website: ivantirtiaux.com

    1) I chose a background for the website (http://www.ivantirtiaux.com/wp-content/uploads/2014/08/background-IvanTirtiaux-texte1.jpg), but I’d like it to adapt to the browser’s window, so we can see the whole image. Sometimes the image seems too small and there is a grey background below (here, for example: http://www.ivantirtiaux.com/musique-2/)

    2) http://www.ivantirtiaux.com/portfolio-item/autres-photos/
    In my 2 portfolio items, I’d like to have the same background as in the rest of the website. I see it works when I put the portfolio inside a 1/1 box, but then my portfolio only have 2 columns.
    Also, is there a way of changing the thumbnail’s size when designing a masonry portfolio? I see that by default 4 thumbnail’s columns are displayed. Is it possible to have 5 or 6?

    Thank you so much for your help, and I’m sorry if I have too many questions!
    Nuno

    #313989

    Oh, and another question!

    Isn’t it possible to have the same transparent header and background image in the news page (which is my blog page)?: http://www.ivantirtiaux.com/news/

    #313995

    .

    #314919

    Hello, no one can help me?

    Thanks!

    #315145

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab
    1-

    .main_color { background-size: cover; }

    2-

    .main_color .av-masonry {
    background-image: url(https://www.ivantirtiaux.com/wp-content/uploads/2014/08/background-IvanTirtiaux-texte1.jpg);
    background-size: cover;
    }
    @media only screen and (min-width: 1800px) {
    .responsive.html_stretched .av-masonry-entry {
    width: 13%;
    }}

    You may need to adjust width value

    Regards,
    Yigit

    #315283

    Hey Yigit,

    Thank you so much!
    I did what you told me.

    However, in what concerns the portfolio items the effet is very bizarre, I have two layers of the same image…
    The blog (“news”) page still have a different header. I do not understand why.
    Also, is it possible to have a “sticky”/ fixed socket in every page, independently of the size of the content in them?

    Thanks!
    Nuno

    #315570

    Hi!

    Thank you for the update.

    Where is the portfolio page? Please provide a link. Transparent headers works best for pages without a sidebar or if there is a color section or full width sliders right beneath the header. You can change the header background color with this:

    .header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div {
    background-color: #dadfdb;
    color: #808080;
    }

    Regards,
    Ismael

    • This reply was modified 6 years, 9 months ago by  Ismael.
    #315727

    Hello Ismael,

    Those are my portfolio pages: http://www.ivantirtiaux.com/portfolio-item/autres-photos/ and http://www.ivantirtiaux.com/portfolio-item/photos-concerts/

    This is my blog page: http://www.ivantirtiaux.com/news/

    There are no sidebars on my website. To provide a full width background everywhere but the homepage I uploaded a background image in the General Styling options.

    So, to resume the whole thing, I’d like the same full width background everywhere, with a transparent header, and a “sticky” socket independently of the amount of content in every page. I hope I was clear.

    Thank you!

    #315733

    Meanwhile I changed the header’s color in the blog page, but the colors of the menu are different from the rest of the website, and there is a white line splitting the menu and the main content. I can change it on the CSS, but isn’t there an easier way of giving the blog’s header the same behavior as the other pages?

    I also notice a white line below the menu in every page.

    Thanks!

    #315936

    Hey!

    Please add this on Quick CSS or custom.css:

    .main_color {
    background: #d6e1dc url(https://www.ivantirtiaux.com/wp-content/uploads/2014/08/background-IvanTirtiaux-texte-11.jpg) top center no-repeat fixed;
    background-size: 100%;
    }

    Your News page have a sidebar so transparent header won’t work unless you place a color section or slider at the top of the page. Set the Blog Style to the very last option on Enfold > Blog Layout panel. Edit the actual blog page then use the Advance Layout Builder to insert the Blog Posts element. You can now add a Color Section or Slider on top of the posts then set the header as transparent. Change the menu color only for blog with this:

    .blog .header_color .main_menu ul:first-child > li > a {
    color: white;
    }

    Regards,
    Ismael

    #316702

    Hi Ismael,

    Thanks for your help!
    The background image seems now responsive. I also took the sidebar off the blog section and it seems fine.

    There are still two issues, though:
    – the “sticky” socket, independently of the amount of content in every page (instead of having it in a different place in every page)
    – the two portfolio pages (http://www.ivantirtiaux.com/portfolio-item/autres-photos/ and http://www.ivantirtiaux.com/portfolio-item/photos-concerts/) are still bizarre. Would it be possible to have exactly the same background and padding of the other pages?

    Thank you.

    cheers,
    Nuno

    #317255

    Hi!

    If you want a fixed socket, you can use this:

    footer#socket {
    position: fixed;
    bottom: 0;
    width: 100%;
    }

    I’m not sure what happen to the “photos-concerts” portfolio page but the background looks OK on “autres-photos”.

    Regards,
    Ismael

    #317268

    Hi Ismael,

    Thanks!

    For “autres-photos” I put the gallery on a 1/1 layout element and it works.

    Just a small question: in order to have a background color instead of white when there is not enough content (example: http://www.ivantirtiaux.com/lenvol/), the best way is to have a “color element” in the layout so it covers all the screen? I tried that solution in this page http://www.ivantirtiaux.com/images/ but now the images are way too low on the screen.

    #317921

    Hey!

    You can add this on Quick CSS to change the content container padding:

    .page-id-127 #av_section_1 .content {
    padding-top: 50px !important;
    }

    Edit the color section then add a unique id on For Developers: Section ID field. Use “section-images” for example then replace the code above with this:

    .page-id-127 #section-images .content {
    padding-top: 50px !important;
    }

    In case you have any questions, please take some time to review all of the resources in the Theme Documentation as a lot of basic stuff like theme installation, css snippets etc are already available in there with better explanation and awesomeness. Watch some of our Video Tutorials to learn more about the different aspect of the theme. You can also search the forums for queries that has been answered before that might be related to your problem.

    If you find that you still have questions after taking the time on our documentations, don’t hesitate to let us know and we will be happy to assist you. If you have any requests or you feel like giving us a warm hug? You can definitely post it on our Feature Requests page. :)
    Thanks!

    Regards,
    Ismael

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.