Joomla Templates Club 406,261 posts

[zdmdesignz Friend zdmdesignzJoin date: October 2009Posts: 122Downloads:0Uploads:25 Thanks: 54 Thanked: 11 times in 1 posts]

#193464

Hello,

You’ll notice on my site that the background image for some reason repeats itself and inserts itself temporarily behind the grid when loading the page (you’ll see the thick orange border at the top of the image). As the page continues to load, the image then momentarily moves its way down the page and disappears.

How is this entire background behavior removed (repeating behind the grid and then moving down the page as the page loads)?

http://utd.zmdesignsbranding.com/

Thanks.

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#517470

I detected the following CSS rule in the file http://utd.zmdesignsbranding.com/templates/ja_fixel/css/themes/blue/template.css:

body, #fixel-placeholder {
background-color: #F3F3F3;
background-image: url("../../../images/themes/blue/body.png");
background-repeat: repeat-x;
}

Please remove the ID in red #fixel-placeholder. Hope that helps.

1 user says Thank You to Css Magician for this useful post

1. zdmdesignz

[zdmdesignz Friend zdmdesignzJoin date: October 2009Posts: 122Downloads:0Uploads:25 Thanks: 54 Thanked: 11 times in 1 posts]

#517581

You ARE the CSS Magician. Thanks again!

Regarding the tiles, how do I remove the gap/margin between the tiles and slideshow? It seems like there’s a blue border around the edges of the tiles and slideshow.

I really would like to have a seamless snug fit to all the tiles and slideshow. It’s strange also because though the template calls for a 602 x 602 for the slideshow, the border/gap seems to make the slideshow slides 600 x 600.

Thanks.

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#517603

@zdmdesignz,

Please open …templates/ja_fixel/css/custom.css file (if the file does not exist, just create a new one and store in the same path) and add the following CSS rule:


.fixel-grid .items article {
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.item-image.front img {
min-width: 100%;
}


The gap/margin between the tiles and slideshow should be removed then.

<blockquote>I really would like to have a seamless snug fit to all the tiles and slideshow. It’s strange also because though the template calls for a 602 x 602 for the slideshow, the border/gap seems to make the slideshow slides 600 x 600.</blockquote>
The “width x height” will be auto-resized upon screen’s width, not manual change for that.

Hope that helps.

1 user says Thank You to Css Magician for this useful post

1. zdmdesignz

[zdmdesignz Friend zdmdesignzJoin date: October 2009Posts: 122Downloads:0Uploads:25 Thanks: 54 Thanked: 11 times in 1 posts]

#517624

CSS Magician, you’ve made my day. You’re a Joomlart treasure. Thank you so very much.

[Author]

Posts