Charity Theme - Printable Version

Charity Theme - Printable Version

+- GetSimple Support Forum (http://get-simple.info/forums)
+-- Forum: GetSimple (http://get-simple.info/forums/forumdisplay.php?fid=3)
+--- Forum: Themes (http://get-simple.info/forums/forumdisplay.php?fid=10)
+--- Thread: Charity Theme (/showthread.php?tid=7301)

Charity Theme - Brentjlaf - 2015-05-22

[Image: screenshot.png]

Download

RE: Charity Theme - maco-nl - 2015-05-22

Hi Brentjlaf
you created, same as the other themes from you , again a wonderfull theme
thanks you shared this one :-)

RE: Charity Theme - dikkewalter - 2015-05-26

Hi, the navbar has a bug. The "last-child" state gets stuck on the most right menu item.

Here is the code for the navbar:

Code:
.mainMenu { float: left; margin: 29px 0 0 25px; font-family: 'Hind', sans-serif; font-weight: 500; }

.mainMenu ul { font-size: 11pt; }

.mainMenu ul li a, .mainMenu ul li { float: left; text-decoration: none; color: #4d4d4d; }

.mainMenu ul li { list-style: none; position: relative; height: 50px; line-height: 52px; }

.mainMenu ul li a { padding: 0 18px; }

.mainMenu ul li:hover { background: #fff; color: #4d4d4d; -webkit-transition: 250ms linear all; -moz-transition: 250ms linear all; transition: 250ms linear all; }

/* Submenu */

.mainMenu ul li ul { font-size: 11pt; display: none; position: absolute; left: 0; top: 100%; margin: 0; padding-top: 5px; padding-bottom: 5px; background: #fff; }

.mainMenu ul li ul li { padding: 5px 10px; width: 250px; height: 20px; line-height: 20px; border: none; }

.mainMenu ul li:hover > ul { display: block; }

.mainMenu ul li ul li, .mainMenu ul li ul li a { float: none; color: #fff; }

.mainMenu ul li ul li { _display: inline; /* for IE6 */ }

.mainMenu ul li ul li a { display: block; padding: 0 10px; }

.mainMenu ul li ul li a { color: #4d4d4d; }

.mainMenu ul li ul li:last-child a { color: #4d4d4d !important; }

.mainMenu ul li ul li:hover a { color: #F05F40; }

.mainMenu ul li ul li:last-child:hover a { color: #F05F40 !important; }

/* Subsub Menu */

.mainMenu ul li ul li ul { display: none; background: #000; padding-top: 5px; padding-bottom: 5px; }

.mainMenu ul li ul li:hover ul { left: 100%; top: 0; }

.mainMenu ul li ul li ul li { padding: 5px 20px }

.mainMenu ul li ul li { background: none !important; }

.mainMenu ul li ul li a:after { content: "" }

.mainMenu ul li:last-child { background:#F05F40; float:right !important; color:#fff; padding: 0 18px;}

.mainMenu ul li:last-child a {color:#fff; }

.mainMenu ul li:last-child:hover { background: #6C4D39; color: #fff;}

Any way to have that orange selected state working as intended?

[Image: Px9UBnt.png]

RE: Charity Theme - Brentjlaf - 2015-05-28

(2015-05-26, 03:58:42)dikkewalter Wrote: Hi, the navbar has a bug. The "last-child" state gets stuck on the most right menu item.

Here is the code for the navbar:

Code:
.mainMenu { float: left; margin: 29px 0 0 25px; font-family: 'Hind', sans-serif; font-weight: 500; } .mainMenu ul { font-size: 11pt; } .mainMenu ul li a, .mainMenu ul li { float: left; text-decoration: none; color: #4d4d4d; } .mainMenu ul li { list-style: none; position: relative; height: 50px; line-height: 52px; } .mainMenu ul li a { padding: 0 18px; } .mainMenu ul li:hover { background: #fff; color: #4d4d4d; -webkit-transition: 250ms linear all; -moz-transition: 250ms linear all; transition: 250ms linear all; } /* Submenu */ .mainMenu ul li ul { font-size: 11pt; display: none; position: absolute; left: 0; top: 100%; margin: 0; padding-top: 5px; padding-bottom: 5px; background: #fff; } .mainMenu ul li ul li { padding: 5px 10px; width: 250px; height: 20px; line-height: 20px; border: none; } .mainMenu ul li:hover > ul { display: block; } .mainMenu ul li ul li, .mainMenu ul li ul li a { float: none; color: #fff; } .mainMenu ul li ul li { _display: inline; /* for IE6 */ } .mainMenu ul li ul li a { display: block; padding: 0 10px; } .mainMenu ul li ul li a { color: #4d4d4d; } .mainMenu ul li ul li:last-child a { color: #4d4d4d !important; } .mainMenu ul li ul li:hover a { color: #F05F40; } .mainMenu ul li ul li:last-child:hover a { color: #F05F40 !important; } /* Subsub Menu */ .mainMenu ul li ul li ul { display: none; background: #000; padding-top: 5px; padding-bottom: 5px; } .mainMenu ul li ul li:hover ul { left: 100%; top: 0; } .mainMenu ul li ul li ul li { padding: 5px 20px } .mainMenu ul li ul li { background: none !important; } .mainMenu ul li ul li a:after { content: "" } .mainMenu ul li:last-child { background:#F05F40; float:right !important; color:#fff; padding: 0 18px;} .mainMenu ul li:last-child a {color:#fff; } .mainMenu ul li:last-child:hover { background: #6C4D39; color: #fff;}

Any way to have that orange selected state working as intended?

That is intentional the last menu item is styles to be different a call to action button.

RE: Charity Theme - ross104 - 2015-07-29

Hello!
How is it possible to change owl slider width or make it in center of the page?

Cause if image width in my case is 1000px it goes left of the screen....

Changing max-width to 1000px does nothing...

Code:
 .sliderWrap {max-width: 1400px !important; margin: 0 auto; }

[attachment=595]

UPD: Solved by adding <div class="sliderWrap" style="text-align:center;">

RE: Charity Theme - aportman - 2015-12-10

I have installed the theme and like it very much. But, I would like homecolumntwo to have a different background color than columns one and three. I have been having some difficulty with this. How would I do it?

Here is the site: http://www.saintlouishealthcareers.com/m2/

RE: Charity Theme - Gederp - 2017-11-10

To Brentjlaf :
hi, congrats, you made a really great Theme (Charity).