Lof Blogs change colour of homepage widget?

[julezstone]

Hi All,

 

I wonder if anybody can help me?

 

Im building a site for somebody.

 

How do i change the Lof Blogs widget on the home page from "White" to "Black"?

 

I have attached a picture see red circle.

 

Many Thanks,

 

Julez

 

Website: http://www.g-tekz.com

 

[dioniz]

In yourtheme/css/modules/leoblogsarticle/leoblogsarticle.css find this:

.item-container {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-bottom: 20px;
    padding: 0;
}

and change #ffffff to #000

[julezstone]

Absolutely Brilliant Dioniz!

 

Worked straight away!

 

Much Appreciated!!

 

Thank you :-) 

[julezstone]

I'm not sure if this should be in the same post but i have another question of the same matter.

 

But how would I also do the same for my "Cart Block" (Right column) and "Categories Block" (Left Column)

 

I have tried to use firefox firebug but i cant seen to locate the css code..

 

Many Thanks!

 

Julez

[dioniz]

I see you fixed cart block, for categories (left) you have it in global.css

.block .tree li {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: 5px;
    position: relative;
}

[julezstone]

Top Man!!

I would have never have found that!!

Modified and working brilliantly :-)

Thank You!

[julezstone]

I have one last question for you Dioniz I promise lol.

 

You see when you haver over the "G-TEAM" in my menu at top of the screen a white box appears, are you able to find out how I could change the background of that black at all?

 

Many Thanks

 

Julez 

[dioniz]

There's Oops, something went wrong on your site now so i'll try later

[dioniz]

yourtheme/css/modules/leobootstrapmenu/themes/default/assets/styles.css

.dropdown-menu {
    background-color: #000000;
    border: medium none;
    top: 100%;
}

[julezstone]

Wow, thanks mate!

 

Yup, "Opps", I just kinda deleted my theme without doing a recent back up... So starting again.. But shouldn't take too long i hope!

 

I deleted it by accident tyring to find a problem with the mobile site not disabling when using this theme, you wouldn't happen to know anything about that would you? The mobile site disables fine when using the prestashop defult theme but not with this one..

 

BTW How are you locating all these css, are you using a program better than firebug? I seem to get limited information with firebug or am i just not looking properly.

 

You have been a great help Dioniz!

 

Thank You!

[dioniz]

In FF type F12 to open Firebug.

Click on second icon from left top (Click an element in the page to inspect) and then on element you wish to check, or right click on element and select Inspect element with Firebug.

You will get styles on the right panel of firebug.

If you don't see solution right away, try to scroll down the firebug and look for right code.

Hover on link on the right will show you file with code

 

See attached image

 

Edited March 24, 2014 by dioniz (see edit history)

[dioniz]

You want to disable mobile site? Why is that?

[julezstone]

Emm i want to disable the mobile site as I have custom html pages. When the site loads up on the mobile version they don't display properly.. So i was trying to disable it.

 

Works when I disable it on the default theme but when I disable it on this theme, no luck.. 

 

My friend that I'm building the site for doesn't seem to like the mobile view either.. 

 

Thanks for the brilliant tips!

[dioniz]

Oh ok, this template for mobile is done with .css and media queries.

 

In FF type Ctrl-Shift-M and you'll see emulation of mobile site.

 

Shrink site andd look at Firebug and you will see you have theme-responsive.css in your template. Probably all you need to do is clear code in that file but hey Backup first

[julezstone]

Hi Dioniz,

 

Almost.. i suppose..

 

I cleared the code from the "theme-responsive.css", it sort of moved everything around on the mobile site but the mobile site was still active..

 

Can i pick you brains for any more ideas on how to disable it?

 

Many Thanks!

 

P.S I backed up the files this time lol and FF short-cut keys truly noted!

[dioniz]

Oh you mean to turn mobile site off completely so there's no content? I don't know if that's possible.

[julezstone]

Oh no, I don't want to turn the mobile site off completely so there's no content. 

 

I just want the mobile site to display at the default desktop site when somebody logs on using there phone..

[dioniz]

I don't know this template. I can see it is bootstrap based and there's probably some javascript involved for mobile variation so it could be a lot of work