Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 15, 2014 at 12:20 am #304642
    KesaK

    I want to add an image where it will cover the whole page but it will only give me the option to do it by sections.

    I even tried using custom css but that didn’t work either.

    body { background-image: url(http://kesaskreations.com/wp-content/uploads/2014/08/Chalkboard-1400.jpg); }
    body { background: url(http://kesaskreations.com/wp-content/uploads/2014/08/Chalkboard-1400.jpg); }

    Can you help me?

    August 15, 2014 at 10:49 am #304798
    Ismael

    Hi Kesa!

    Thank you for using Enfold.

    Do you mind providing a screenshot of what you’re trying to do? You can set a whole background image but you need to set the layout boxed. Go to Enfold > General Styling > Use stretched or boxed layout?, choose Boxed then apply a background image.

    Cheers!
    Ismael

    August 15, 2014 at 10:27 pm #305102
    KesaK

    Ismael,

    I followed your instructions but for some reason it didn’t work.

    I uploaded the chalkboard background in general styling. It shows the chalkboard on the edges but not in the body, header, or sidebar. Once you go to the actual page, the only thing that has changed is that the edges are now gray. I would provide screenshots but I don’t have the option of attaching any to this reply. You can go to http://www.kesaskreations.com to see the front end.

    What I want is for the chalkboard background to cover the whole page…the body, header and sidebar. I know you can do this individually, but it will not look right if I have to add the same picture to three different areas.

    Any suggestions? Thanks!

    August 16, 2014 at 4:59 am #305163
    Ismael

    Hey!

    I’m sorry but we really need to see the layout of the theme via screenshot or image. You can drop the screenshot here using imgur, dropbox etc. You can add this on Quick CSS or custom.css to remove the background of all sections or container:

    .alternate_color, .alternate_color .site-background, .alternate_color .first-quote, .alternate_color .related_image_wrap, .alternate_color .gravatar img .alternate_color .hr_content, .alternate_color .news-thumb, .alternate_color .post-format-icon, .alternate_color .ajax_controlls a, .alternate_color .tweet-text.avatar_no, .alternate_color .toggler, .alternate_color .toggler.activeTitle:hover, .alternate_color #js_sort_items, .alternate_color.inner-entry, .alternate_color .grid-entry-title, .alternate_color .related-format-icon, .grid-entry .alternate_color .avia-arrow, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery img, .alternate_color .grid-content, .alternate_color .av-share-box ul, #top .alternate_color .av-related-style-full .related-format-icon, .alternate_color .related_posts.av-related-style-full a:hover, .alternate_color.avia-fullwidth-portfolio .pagination .current, .alternate_color.avia-fullwidth-portfolio .pagination a, #main, .html_stretched #wrap_all, .main_color, .main_color .site-background, .main_color .first-quote, .main_color .related_image_wrap, .main_color .gravatar img .main_color .hr_content, .main_color .news-thumb, .main_color .post-format-icon, .main_color .ajax_controlls a, .main_color .tweet-text.avatar_no, .main_color .toggler, .main_color .toggler.activeTitle:hover, .main_color #js_sort_items, .main_color.inner-entry, .main_color .grid-entry-title, .main_color .related-format-icon, .grid-entry .main_color .avia-arrow, .main_color .avia-gallery-big, .main_color .avia-gallery-big, .main_color .avia-gallery img, .main_color .grid-content, .main_color .av-share-box ul, #top .main_color .av-related-style-full .related-format-icon, .main_color .related_posts.av-related-style-full a:hover, .main_color.avia-fullwidth-portfolio .pagination .current, .main_color.avia-fullwidth-portfolio .pagination a, .header_color table, .header_color .widget_nav_menu ul:first-child>.current-menu-item, .header_color .widget_nav_menu ul:first-child>.current_page_item, .header_color .widget_nav_menu ul:first-child>.current-menu-ancestor, .header_color .pagination .current, .header_color .pagination a, .header_color.iconbox_top .iconbox_content, .header_color .av_promobox, .header_color .toggle_content, .header_color .toggler:hover, .header_color .related_posts_default_image, .header_color .search-result-counter, .header_color .container_wrap_meta, .header_color .avia-content-slider .slide-image, .header_color .avia-slider-testimonials .avia-testimonial-content, .header_color .avia-testimonial-arrow-wrap .avia-arrow, .header_color .news-thumb, .header_color .portfolio-preview-content, .header_color .portfolio-preview-content .avia-arrow, .header_color .av-magazine .av-magazine-entry-icon, .header_color .related_posts.av-related-style-full a, .header_color .aviaccordion-slide, .header_color.avia-fullwidth-portfolio .pagination, .header_color .isotope-item.special_av_fullwidth .av_table_col.portfolio-grid-image, .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, .footer_color, .footer_color .site-background, .footer_color .first-quote, .footer_color .related_image_wrap, .footer_color .gravatar img .footer_color .hr_content, .footer_color .news-thumb, .footer_color .post-format-icon, .footer_color .ajax_controlls a, .footer_color .tweet-text.avatar_no, .footer_color .toggler, .footer_color .toggler.activeTitle:hover, .footer_color #js_sort_items, .footer_color.inner-entry, .footer_color .grid-entry-title, .footer_color .related-format-icon, .grid-entry .footer_color .avia-arrow, .footer_color .avia-gallery-big, .footer_color .avia-gallery-big, .footer_color .avia-gallery img, .footer_color .grid-content, .footer_color .av-share-box ul, #top .footer_color .av-related-style-full .related-format-icon, .footer_color .related_posts.av-related-style-full a:hover, .footer_color.avia-fullwidth-portfolio .pagination .current, .footer_color.avia-fullwidth-portfolio .pagination a {
	background: transparent !important;
}

    Regards,
    Ismael

    August 18, 2014 at 5:09 pm #305857
    KesaK

    Ismael,

    Thanks for the css. It worked except for the socket area.

    What do I need to add to make the socket area transparent as well?

    Here is a link to an image so you can see what I am talking about.

    https://www.dropbox.com/s/q1e09pcaotwycvk/Transparent%20Socket.jpg

    Thanks!

    August 19, 2014 at 3:53 pm #306382
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    footer#socket {
background-color: transparent!important;
}

    Regards,
    Yigit

    August 19, 2014 at 9:59 pm #306542
    KesaK

    Thanks.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Full Page Background Image’ is closed to new replies.