Page 1 of 1

Change height size of slide img?

PostPosted: Sun Dec 09, 2012 12:31 am
by moni
Hi to all, my first time here... :)
Right now i'm running a test site on localhost with wamp and made some adjustments to the columns width, messing up css and stuff... And i was wondering some things about this nice theme:
- is it possible to change the height of the siliding menu? I mean, 320 x "something-less-than-200px" ? i still can not figure out how to do this.
- is it possible to change the color of the borders of the images on the slide? right now i see white borders on each image but i want it to change to some that fits the background color of the site.
- Also, i would like to put a 3 column footer with some links, i tried to do this but i screwed all up LOL!! :lol:

saludos y gracias!!!

Re: Change height size of slide img?

PostPosted: Wed Dec 26, 2012 7:54 am
by wayne
Read the FAQ!

Re: Change height size of slide img?

PostPosted: Tue Jan 26, 2016 11:10 pm
by buzzy
I read the FAQ...all 12 pages...been scouring the site. Still can't find an answer to this question?

When I updated to WP 4.4, a whole buncha things broke. I was able to fix some, but resizing of the images isn't one :(

Re: Change height size of slide img?

PostPosted: Thu Feb 18, 2016 11:20 am
by wayne
This is from the FAQ it pretty much sets you in the right direction for what you want to do...
Firebug will help you find the file that has the code that you want to change.

How do I change the appearance of XXX.
where XXX = font colour, font size, background colour etc

Firstly read this post about child themes:
[url]http://www.mac-host.com/support/viewtopic.php?f=9&t=1869
[/url]
Pretty much everything to do with the appearance of the sliding door theme (except for the images themselves) is controlled by the CSS file. It's called style.css and it is a text file with lots of entries that look something like this:

CODE: SELECT ALL
body {
text-align: center;
color: #fff;
font-family: "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
background-color: #000;
}


The code snippet above means that in the 'body' of the page, the dafault text color is #fff which is white. The background color is #000 which is black and so on.

The styling of the sliding menus is in the imageMenu.CSS file.

The styling for the rest of the theme is in the style.CSS file.

You can just go and edit the CSS file by hand, then look at the results in a browser, but I wouldn't recommend that, because it can be hard working out which bits of the CSS file correspond to which bits of the page. If you want to change things like font size and font colour you really need to start to learn your way around CSS. There are a couple of good ways to do this.

1. Get a program like CSSedit.
CSS Edit is easy to use. You just open the site URL with CSS edit, and click on whatever it is that you want to change. CSS edit will then show you which part of the CSS file you need to change, and it will even give you some options in a little toolbar. Check out the CSS edit page for more details.

2. Get the firebug add-on for firefox.
Firefox is a Web browser that you can download, and firebug is a plug-in for it. Once it is enabled, you can inspect any area on the page and it will tell you exactly what line it's style comes from in the CSS file. Here is a very simple example of using firefox to change the margin below the header.

There is quite a lengthy discussion about CSS here.

Using CSS you can do many things like change the heading size, change the background color, change the font color, change the indenting of categories, change sidebar spacing and more.