Search Form and Social Buttons

HotThemes Logo and Top Menu

To request a forum account, please login here and open support ticket. Only customers with active order(s) can open forum account!

× Discussion about "Boutique" Joomla template.

Topic-icon background image not showing

More
5 years 8 months ago - 5 years 8 months ago #8361 by eabacus
Hi!
I have a problem with recently purchased Boutique template - background image (the .png with words & graphic) is not showing, no matter what style I chose.
It's there in the folder, but it doesn't show.
Also, is there a way to change the file type to .jpg so it can be shown as a background, and if yes, where should I make that change.

And how/where do I change the color of the background that is currently white (between the blue top background and footer)

Thanks in advance

P.S (link to the site is sent via report to moderator button)
Last Edit: 5 years 8 months ago by eabacus.

Please Log in to join the conversation.

More
5 years 8 months ago - 5 years 8 months ago #8363 by ivan.milic
Hi,

it layout.css

this makes problems:

.big_header_bg {
background: #3CADD3 !important;
}

you have important tag , so your background definition is not taken at all.
Remove that.
Last Edit: 5 years 8 months ago by ivan.milic.
The following user(s) said Thank You: eabacus

Please Log in to join the conversation.

More
5 years 8 months ago #8366 by eabacus
Thanks, that was helpful and did the job :)

I (think) also found where I should put the color tag to change the white background between the background pic and footer, but there is a problem when I do that.

In /templates/hot_boutique/index.php

when I add the background color #6ec3ee after the word "bottom" in this line:

<div class="big_header_bg">
<div style="background:url(<?php echo $this->baseurl ?>/templates/hot_boutique/images/girl_bg.png) no repeat center bottom">

then the background changes, but the bg image disappears.

How can I keep the background image with waves + change the white background below it to #6ec3ee ?

Thanks in advance for your help

Please Log in to join the conversation.

More
5 years 8 months ago #8374 by ivan.milic
Wherever you have background:... put both definition for color and image:

background:#6ec3ee url(...

Please Log in to join the conversation.

More
5 years 8 months ago #8487 by eabacus

ivan.milic wrote: Wherever you have background:... put both definition for color and image:

background:#6ec3ee url(...


I've tried this and all other variations (also I changed background color in all files where it could be changed (index.html and others), still no results.
It either shows the background picture with white bottom or just #6ec3ee background without the background picture.
I need both the background picture + #6ec3ee background on the bottom.

Thanks in advance

Please Log in to join the conversation.

More
5 years 8 months ago #8494 by ivan.milic
Ok,

that should work , but you can also do this:
background-image:url(...
background-color:#...

So instead using background property try to use background-image and background-color properties.

Please Log in to join the conversation.

Time to create page: 0.125 seconds

Links, Partners and Social Media