LindaK816

[LindaK816]

Hi Laura – thanks for the quick reply! I tried that but installed it in the main program. I still don’t know how to create the child theme. Should it have worked?

Thanks,
Linda

[LindaK816]

Not marked as solution

[LindaK816]

Not marked as solution

[LindaK816]

Not marked as solution

[LindaK816]

Thank you Radu – it looks awesome!!

I really appreciate it : )

[LindaK816]

Yes perfect!!

http://www.treyburn-test.org/wp-login.php
Userid: Laura7
password: UgMQbPmk6rNSa#e$MNZwUA$5

FTP:
Address: http://ftp.kaufmanwebconsulting.com
Login: kaufmanweb
Pswd: KpTv04!>*
Port: 21

Thank you!

[LindaK816]

Hi Radu – thank you for taking the time to explain this to me. I guess I am wondering what are the benefits of having a child theme? Is it to hold customizations when a new release is applied? Does the new release only get applied to the parent theme and the customizations are kept in the child theme?

Sorry to be ignorant on this matter.

Best,
Linda

[LindaK816]

Hi Radu – thanks for your thorough attention to this matter – I really appreciate it.

I have attached a markup of the Home page showing the logo area the way I would like it to appear on a large screen desktop. I certainly want the logo to reduce in size for smaller devices and to be appropriately small on a mobile device. How do we get this to work? I’m not sure if I have provided enough info – please let me know.

Thank you!
Linda

[LindaK816]

Hi Radu – thanks so much! That seems simple enough but I am embarrassed to say that I have not installed the child theme. I tried to months ago and it wiped out my website. Not sure if I did something wrong. I was pretty upset because I lost a lot of my work. I guess I don’t understand the whole child theme setup. Is there something I can read? Do you know what I might have done wrong to wipe out my site? It appeared that when I installed the child theme, that it over-wrote my parent theme and took out all my color settings, logo, customized header, css overrides, etc. So I scared to try it again.

Thanks again for all your help!
Linda

[LindaK816]

Hi Radu – thank you for your reply. I tried making those changes and it didn’t fix the problem. I am still having multiple problems when I remove the css fixes that Laura helped me with. I tried both removing the css overrides listed above in my last reply and totally removing all css overrides and they produced the same result (please see uploaded image). I also went into Theme Options/Header Options and specified Header Height: 360. The only thing that seemed to make everything look right is if I specify the header height to be 88 and then everything works perfectly but I don’t want my header to be so small. Any thoughts?

Thank you!
Linda

[LindaK816]

Not marked as solution

[LindaK816]

Hi Radu – sorry let me explain better. For each individual listing I would like to display 5 lines instead of the 3 that are currently displaying. For example, for Paoli Window Cleaning, below the heading we have: Contact: Kevin Dengler 610-644-1910 106 Vincent Road Berwyn,…

I would like it to display instead: Contact: Kevin Dengler 610-644-1910 106 Vincent Road Berwyn, PA 19312 Recommended by: Brenda Mullane

Is that possible? I also have attached an image to demonstrate what I would like.

Thank you again,
Linda

[LindaK816]

Ah it wouldn’t let me create that user id because I already have one assigned to that email address – therefore please use:

Laura7
password: 8w3li8BNsRcYYnEgL0#!ht0u

Best,
Linda

[LindaK816]

Sorry about that! Please go to:

http://www.treyburn-test.org/wp-login.php
userid: seventh-queen
password: !40)UYjfq3Nx2Qq%vyFd&swh

Thank you!
Linda

[LindaK816]

Hi Radu – thank you for your reply! I removed all css and the toggle menu returned. Now I remember the initial problem was the toggle menu was displaying with a lot of white space around it and looked strange (see attachment). Laura helped me with some css overrides (see below) to fix that but perhaps it took the toggle away as well? The other problem with removing the overrides is my Message Box gets chopped (see box highlighted in red in uploaded screen shot) which I believe Laura provided the 2nd set of css overrides to fix that – see below:

/* from Laura 3-22-17 this will reduce padding right below logo area */
@media screen and (min-width: 800px) {
.kleo-main-header.header-centered {
height: 360px !important;
}
}
/* Laura 5-14-17 – Fix mobile header */
@media (max-width: 991px) {
.kleo-main-header.header-centered {
height: 0px !important;
}
.navbar-header {
height: auto !important;
}
.kleo-mobile-switch {
display: none !important;
}
.navbar-header {
height: initial !important;
}
img#logo_img {
display: none !important;
}
}

Thanks!
Linda

[LindaK816]

Perfect – thank you Laura!

Linda

[LindaK816]

Not marked as solution

[LindaK816]

OK thanks Laura – also perhaps this will help. Maybe I have an override css statement that is conflicting with the function of the toggle menu? Here are my Quick css overrides:

/* Linda added 4-24-17 because icons are not padding correctly, this is a work around */
.emailclass {
padding-right:20px;
}

/* Linda 2-14-17 this will change the color of the vertical line separator was 804d3b*/
.vertical-separator:before {
background: #372d24 !important;
}
.vertical-separator {
border-left: 3px solid #372d24 !important;
}
.vertical-separator:after {
background: #372d24 !important;
}
/* 3-22-17 from Laura, this will change the color of font in the top nav bar */
ul#menu-top-nav a {
color: #4cadc9 !important;
}

/* Linda this will add a little padding to the main nav bar, was displaying strangely in IE */
#menu-main-nav-menu {
padding-top:12px;
}

/* Linda this will increase the font size to the main nav bar */
#menu-main-nav-menu a {
font-size:12pt;
}

/* from Laura 3-22-17 this will reduce padding right below logo area */
@media screen and (min-width: 800px) {
.kleo-main-header.header-centered {
height: 360px !important;
}
}

/* the following controls the most bottom row of the footer color, #8e7b74 */
#socket {
background: #1d1610 !important;
}
#socket .row {
background: #1d1610 !important;
}
#socket .gap-10 {
background: #1d1610!important;
}
#socket p {
background: #1d1610 !important;
}
#socket .col-sm-12 {
background: #1d1610 !important;
}
/* Linda added 5-9-17 */
.button-override a:hover {
color: #61cdec !important;
}

/* from Laura 5-9-17 to override color */
a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-primary {
background: #338197 !important;
border: #20515f !important;
}
#vc_general .vc_btn3 .vc_btn3-color-sandy-brown {
color:#835f52 !important;
}

.extra-padding {
padding-bottom: 25px;
}
/* Linda 5-10-17 */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* padding:0px !important;
margin:0px !important; */
}
/* Laura 5-14-17 – Fix mobile header */
@media (max-width: 991px) {
.kleo-main-header.header-centered {
height: 0px !important;
}
.navbar-header {
height: auto !important;
}
.kleo-mobile-switch {
display: none !important;
}
.navbar-header {
height: initial !important;
}
img#logo_img {
display: none !important;
}
}
.wpcf7 input[type=”text”],
.wpcf7 input[type=”textarea”],
.wpcf7 input[type=”email”],
.wpcf7 input[type=”tel”],
.wpcf7 input[type=”submit”],
.wpcf7.submit
{
background-color: #a2d0df;
border-style: solid;
border-color: #a29c9c;
color: #000;
}
.wpcf7 textarea
{
background-color: #a2d0df;
border-style: solid;
border-color: #a29c9c;
color: #000;
/*width: 50%; */
}

[LindaK816]

Hi Laura – yes it is on every page http://www.treyburn-test.org/ and located in the bottom right footer (4th column) where it says “SIGN UP NOW”.

Thank you!
LindaK

P.S. Here are my current Quick css overrides:

/* Linda added 4-24-17 because icons are not padding correctly, this is a work around */
.emailclass {
padding-right:20px;
}

/* Linda 2-14-17 this will change the color of the vertical line separator was 804d3b*/
.vertical-separator:before {
background: #372d24 !important;
}
.vertical-separator {
border-left: 3px solid #372d24 !important;
}
.vertical-separator:after {
background: #372d24 !important;
}
/* 3-22-17 from Laura, this will change the color of font in the top nav bar */
ul#menu-top-nav a {
color: #4cadc9 !important;
}

/* Linda this will add a little padding to the main nav bar, was displaying strangely in IE */
#menu-main-nav-menu {
padding-top:12px;
}

/* Linda this will increase the font size to the main nav bar */
#menu-main-nav-menu a {
font-size:12pt;
}

/* from Laura 3-22-17 this will reduce padding right below logo area */
@media screen and (min-width: 800px) {
.kleo-main-header.header-centered {
height: 360px !important;
}
}

/* the following controls the most bottom row of the footer color, #8e7b74 */
#socket {
background: #1d1610 !important;
}
#socket .row {
background: #1d1610 !important;
}
#socket .gap-10 {
background: #1d1610!important;
}
#socket p {
background: #1d1610 !important;
}
#socket .col-sm-12 {
background: #1d1610 !important;
}
/* Linda added 5-9-17 */
.button-override a:hover {
color: #61cdec !important;
}

/* from Laura 5-9-17 to override color */
a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-primary {
background: #338197 !important;
border: #20515f !important;
}
#vc_general .vc_btn3 .vc_btn3-color-sandy-brown {
color:#835f52 !important;
}

.extra-padding {
padding-bottom: 25px;
}
/* Linda 5-10-17 */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* padding:0px !important;
margin:0px !important; */
}
/* Laura 5-14-17 – Fix mobile header */
@media (max-width: 991px) {
.kleo-main-header.header-centered {
height: 0px !important;
}
.navbar-header {
height: auto !important;
}
.kleo-mobile-switch {
display: none !important;
}
.navbar-header {
height: initial !important;
}
img#logo_img {
display: none !important;
}
}
.wpcf7 input[type=”text”],
.wpcf7 input[type=”textarea”],
.wpcf7 input[type=”email”],
.wpcf7 input[type=”tel”],
.wpcf7 input[type=”submit”],
.wpcf7.submit
{
background-color: #a2d0df;
border-style: solid;
border-color: #a29c9c;
color: #000;
}
.wpcf7 textarea
{
background-color: #a2d0df;
border-style: solid;
border-color: #a29c9c;
color: #000;
/*width: 50%; */
}

[LindaK816]

Hi Laura – thanks for your reply. I just tried it but it didn’t work. Do I have a syntax error perhaps?

Thank you,
Linda

[LindaK816]

I see – well at least I know it’s nothing I did wrong : )

Thanks – Linda

[LindaK816]

Hi again – so I found where to override it, right in my page in the Portfolio element widget – “Items to show” and then I saw it said the default value is located in Settings/Reading for Blog posts. Got it! You can close the ticket.

[LindaK816]

Thank you Radu – perfect!!

[LindaK816]

Thanks Laura! Keeping my fingers crossed : )

[LindaK816]

Hi Laura – yes I believe you added css which made it much better but now I do not have my toggle menu. Any thoughts on how to get that back?

Thank you!
LindaK

[LindaK816]

Thanks you can close this – not sure what happened but it’s OK now. Sorry for the trouble – have a good day!

LindaK

[LindaK816]

Gosh sorry for the delay – was on vacation and then swamped when I returned. Sorry about the password – not sure what it going on.

I deleted LauraRadu and re-created an ID for you at:

http://www.treyburn-test.org/wp-login.php

Login ID: Laura7
pswd: poppy28*Sq
Admin privledges

Thank you for all your help!
LindaK

[LindaK816]

Hello Radu, OK I did what you said above but when I activated the child theme, my website’s layout was all different. I imagine that both the Kleo and Kleo child themes cannot be active at the same time? Thanks, Linda

[LindaK816]

Sorry for the delay Laura! We were away on vacation. I updated your password and logged in successfully. I hope it is OK for you now.

userid: LauraRadu
pswd: poppy28*7thQ!

Thank you!
LindaK

[LindaK816]

Hi Laura – sorry for your trouble! I checked your ID and the email was incorrect. Either way I reset your password – so here’s the login credentials:

http://www.treyburn-test.org/wp-login.php
USERID: LauraRadu
PSWD: TyBnN28*?x
Email: support-site@seventhqueen.com

Thank you!
LindaK

[LindaK816]

Hi geo7thqueen – thanks for your reply. I’m impressed that you wrote a widget – I’m afraid that is (probably) beyond me so I will have to suffer until they provide a shortcode for this feature. I will put in a feature request as you suggested – hopefully that will help. I’ve used the WP premium theme Charity Hub and all I needed to do was use a simple shortcode and it was perfect to separate my posts by category.

Thanks again for your insights,
LindaK

[LindaK816]

Hi Laura,

Thank you for that!! It looks so much better : ) The only problem is that my toggle menu is not showing in the portrait view on the iPad and not showing on either view on my Smart phone. Any thoughts?

Thanks again!
LindaK

[LindaK816]

Hi I also would like to do this. Did you provide geo7thqueen with the php, etc. to do this?

Thank you!
LindaK

[LindaK816]

Not marked as solution

[LindaK816]

Hi Laura – thanks for getting back to me! I set up a login for you userid: LauraRadu, password: Ia5TU)#$RKL3HN1khtJYJmRV You may access the login at: http://www.treyburn-test.org/wp-login.php

Also I noticed some strange formatting on my Home page at: http://www.treyburn-test.org/ when viewing on the iPad portrait view and on my SmartPhone – right below the logo where there should be a callout box “Welcome! Treyburn HOA …” It gets chopped. Is this also conflicting css?

Thank you!
LindaK

[LindaK816]

Not marked as solution

[LindaK816]

Not marked as solution

[LindaK816]

Not marked as solution

[LindaK816]

Thanks Laura – perfect!

LindaK

[LindaK816]

Not marked as solution

[Author]

Posts