Joomla Templates Club 406,261 posts

[thinkprague Friend thinkpragueJoin date: April 2014Posts: 29Downloads:3Uploads:14 Thanks: 11 Thanked: 1 times in 1 posts]

#196700

In an earlier reply is was suggested to edit the CSS to remove the background colour of the component. This was not a good results, as it also removed the white background of the contact us for and the RSS list.

The weirdest thing is that this only appears on three of the menu items, but double checking I see they don’t have any different modules linked to them that might cause this issue.

If you go to http://ams14.siteground.eu/~thinkmag/thinkster/index.php you see the Prague city background and now white bar behing the article boxes.

Same background image in http://ams14.siteground.eu/~thinkmag/thinkster/index.php/advertising-info, but the white bar appears. How to get rid of it WITHOUT DELETEING background colour in CSS??

it is also in this other linked page http://ams14.siteground.eu/~thinkmag/thinkster/index.php/think-city-card-application

Any thoughts on this mystery? I can find nothing on it in the forums…

thanks

Jeff

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#530774

Hi Jeff,

Please try to create new file called “custom.css” in /templates/your_template_name/css/ path, then add this rule:

#t3-mainbody .t3-content.span9.pull-left {
background: none;
padding: 0;
}

Let me know how it goes

[thinkprague Friend thinkpragueJoin date: April 2014Posts: 29Downloads:3Uploads:14 Thanks: 11 Thanked: 1 times in 1 posts]

#530784

It doesn’t go good. This was recommended before, and while it DOES fix the issue of the bar, it also removes the white background from the RSS feed link and the Contact us page (see attachments).

Is there another solution?

I will need people filling in the contact form to be able to read it.

---

Attachments:

1. 
2. 

[thinkprague Friend thinkpragueJoin date: April 2014Posts: 29Downloads:3Uploads:14 Thanks: 11 Thanked: 1 times in 1 posts]

#530946

What can this be?? Why would these two menu items have this white bar box?

Anyone have a suggestion other than removing the needed white background ?

thanks!

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#530947

@ thinkprague,

Please apply this additional tweak.
Add following rules to the file: /templates/your_template_name/css/custom.css

#t3-mainbody .t3-content.span9.pull-left {
background: none;
padding: 0;
}
#t3-content .newsfeed-category.noajax {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 3px;
padding: 2em;
}
#t3-content .contact.noajax {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 3px;
padding: 2em;
}

1 user says Thank You to Nazario A for this useful post

1. thinkprague

[thinkprague Friend thinkpragueJoin date: April 2014Posts: 29Downloads:3Uploads:14 Thanks: 11 Thanked: 1 times in 1 posts]

#530957

Stellar! That did it…

The very last thing i need to complete to be done is getting the white headlines to show in the article box view….

---

Attachments:

1. 

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#531113

@ thinkprague,

Please add the following rule into the same custom.css file (instructed earlier):
.item article {
background: #FFFFFF;
}
.item article:hover {
background: #FFFFFF;
}

* You can change the color in red as you wish.

Also, you can refer to this tip to use the class suffix for customisation. Then add CSS style for such suffix via the /templates/your_template_name/css/custom.css file.

Hope this helps.

[Author]

Posts