Tagged: , ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • September 5, 2014 at 1:12 pm #313988
    nunopintodacruz

    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

    September 5, 2014 at 1:15 pm #313989
    nunopintodacruz

    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/

    September 5, 2014 at 1:31 pm #313995
    nunopintodacruz

    .

    September 8, 2014 at 9:38 am #314919
    nunopintodacruz

    Hello, no one can help me?

    Thanks!

    September 8, 2014 at 3:40 pm #315145
    Yigit

    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

    September 8, 2014 at 6:50 pm #315283
    nunopintodacruz

    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

    September 9, 2014 at 4:38 am #315570
    Ismael

    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 10 years, 2 months ago by Ismael.
    September 9, 2014 at 10:27 am #315727
    nunopintodacruz

    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!

    September 9, 2014 at 10:35 am #315733
    nunopintodacruz

    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!

    September 9, 2014 at 3:53 pm #315936
    Ismael

    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

    September 10, 2014 at 4:11 pm #316702
    nunopintodacruz

    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

    September 11, 2014 at 10:32 am #317255
    Ismael

    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

    September 11, 2014 at 10:57 am #317268
    nunopintodacruz

    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.

    September 12, 2014 at 7:52 am #317921
    Ismael

    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

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.