Update Broke CSS

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Author

Posts
February 2, 2015 at 7:42 pm #29559

merchbroker
Expired Member

Post count: 32

I had moved my geodirectory css to my child theme and updating GD still changed it back to original. Can you let me know what I should have in my child theme so I can double check?

February 2, 2015 at 7:46 pm #29561

Simone
Expired Member

Post count: 3515

Hello, could you please post your url and login details?

Thanks,
S.

February 2, 2015 at 8:20 pm #29571

merchbroker
Expired Member

Post count: 32

This reply has been marked as private.

February 2, 2015 at 8:29 pm #29573

Simone
Expired Member

Post count: 3515

The user you gave me doesn’t have administration privileges, by the way, I see you only have a breadcrumb modification in your child theme’s style.css …and GD Booster is commenting (disabling) all the occurrences for the child theme’s style.css.
Could you give administration privileges so I can check please?
thanks.

February 2, 2015 at 8:35 pm #29576

merchbroker
Expired Member

Post count: 32

Should be good now.

February 2, 2015 at 8:38 pm #29577

merchbroker
Expired Member

Post count: 32

This reply has been marked as private.

February 2, 2015 at 8:42 pm #29578
Simone
Expired Member

Post count: 3515
your child theme’s style.css have only this modification:
```
#breadcrumbs {display:none;}
h1 {margin-left: 5px; margin-top:-20px;}
```
the correct way would is to add in this style.css (inside your child theme’s folder, in your case Sunrise Child)only the things you want to change, no need touching GD css and then copy it into the style.css inside your child theme
February 2, 2015 at 11:57 pm #29610

merchbroker
Expired Member

Post count: 32

I updated MYTHEME/style.css with

.geodir-search input[type=”text”] {
display: block;
float: left;
border: 1px solid #CCCCCC;
border-radius: 3px 3px 3px 3px;
background: #fff;
padding: 5px;
margin-right: 7px;
width: 550px;
margin: 5px;
}

no change.

February 3, 2015 at 12:03 am #29611

Simone
Expired Member

Post count: 3515

I see it properly, test it without cache on your browser, I’ve attached a screenshot of the actual source code, in frontend.

February 3, 2015 at 12:22 am #29613

merchbroker
Expired Member

Post count: 32

but I changer the width to 550. that was the only change for this test.

February 3, 2015 at 12:26 am #29614
Simone
Expired Member

Post count: 3515
try with the !important
```
width: 550px !important;
```
February 3, 2015 at 12:35 am #29615

merchbroker
Expired Member

Post count: 32

that did it! So this is necessary on every line I suppose. Is that typical?

February 3, 2015 at 12:39 am #29617

merchbroker
Expired Member

Post count: 32

I also tried to center all the boxes but it didnt work.

February 3, 2015 at 2:58 am #29622

Paolo
Site Admin

Post count: 31206

The important is necessary only if you don’t target the css property correctly.

You have declared .geodir-search input[type=”text”] twice, both times with a width.

in addition you shouldn’t be using fixed width, or your webiste will look terrible on mobiles.

GD Booster shouldn’t be active while building your website, especially while working on css. You should disable it until you are done editing your css.

Hope this helps.

Thanks

February 3, 2015 at 5:20 pm #29756

merchbroker
Expired Member

Post count: 32

OK, Thanks for the help!
Author

Posts