Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #304642

    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?

    #304798

    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

    #305102

    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!

    #305163

    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

    #305857

    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!

    #306382

    Hi!

    Please add following code to Quick CSS as well

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

    Regards,
    Yigit

    #306542

    Thanks.

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

The topic ‘Full Page Background Image’ is closed to new replies.