plain yogurt dots / border

Permalink
Hello

Does anyone know how to get rid of the dotted lines on the homepage of my website: chrisbrakeillustration.com

The theme is 'Plain Yogurt'. My website skills are pretty basic so I'd really appreciate a step by step if anyone can help :)

Cheers
Chris

 
keeasti replied on at Permalink Reply
keeasti
Edit your CSS file main.css (which for some reason appears to be here:http://www.chrisbrakeillustration.com/index.php/tools/css/themes/de... ) as follows:

On line 32, from this:

#page .divider{padding-top: 12px; background: url(/updates/concrete5.5.1/concrete/themes/default/images/nav_horizontal_divider.gif) no-repeat top; overflow:hidden; height:1px; clear:both; width:100%; }


to this:

#page .divider{padding-top: 12px; overflow:hidden; height:1px; clear:both; width:100%; }


and on line 34 to from this:

#page #central{background:url(/updates/concrete5.5.1/concrete/themes/default/images/nav_sidebar_right_bg.gif) repeat-y center; clear:both; }


to this:

#page #central{ clear:both; }


You are basically removing the background images which produce the dotted lines.
Hope this helps.
brakemonkey replied on at Permalink Reply
Thanks keeasti, I'll give it a go tonight :)
Adreco replied on at Permalink Reply
Adreco
right edit, wrong location :)

I believe the url above points to where you can read your main.css not where you edit it (otherwise anyone could edit your site).
On your server installation for the concrete5 files you'll find it by following Root > Concrete > Themes > Default (or Plain Yogurt in some installs) > main.

Its best practice to copy the individual theme's folder and paste it in the "Theme" folder one level higher ( Root > Themes ) and do the edits there. Then you won't overwrite them by mistake when you upgrade later.

Adrian
keeasti replied on at Permalink Reply
keeasti
You are right, but in this case the file seems to reside in the unusual location I mentioned (under /tools) although normally it lives under root > themes > ... as you say.

I didn't want to make it too complicated for brakemonkey.

Also not sure how 'anyone' could edit the site without the necessary credentials to gain access? Once in, then all the files are accessible anyway...
Adreco replied on at Permalink Reply
Adreco
Hi keeasti,
I determined location/path error by cutting and pasting the "/index.php/tools/css/themes/default/main.css" path in the URL to a sites I know the theme is actually in concrete/themes. They display the css at the url you indicated but still must be edited in the core from the path I listed instead of under tools.

By the way, I never thought to view the css through the url as you illustrated. What a time saver in viewing and trouble shooting (I've normally opened a pane through "inspect element")... Thanks!

(you're right, the "anyone could edit" comment was overly simplistic and I could have left it out)

Adrian
keeasti replied on at Permalink Reply
keeasti
Actually I just used Firebug to look at the CSS and the link to the file does appear to point at /tools/css/themes/default/main.css

Does the /themes/default/main.css also override the above as well as the usual /concrete/themes/default/main.css?
keeasti replied on at Permalink Reply
keeasti
Did it work for you?
brakemonkey replied on at Permalink Reply
Hello,

No I didn't manage to get it to work. I made the changes in the CSS file but when I save the changes they don't seem to replicate on my website. I'm at a loss!
keeasti replied on at Permalink Reply
keeasti
Are you sure the correct css file is being edited?
brakemonkey replied on at Permalink Reply
Yep, definitely the right one. Am I meant to do anything apart from save the file in order to get it to impact on my website though?

Cheers
keeasti replied on at Permalink Reply
keeasti
You can try clearing your cache
keeasti replied on at Permalink Reply
keeasti
I just looked at the CSS and the background images that are the dots are still there.

Are you 100% sure you are modifying the correct CSS file?

The one you want is here:

/tools/css/themes/default/main.css

Which is incidentally not one of the places where it usually lives.

If you are sure, then it is perhaps not being uploaded to the correct place.

PM me if you want and I'll take a look at it for you.