removing all styles - allowing css styling

Permalink Browser Info Environment
Hi Is there a how to? i need the functionality of this block but now i'm working with it, i can't see what styles what, i could do with removing all the styles and having options as to how to apply style, i.e. if there were css that control item? completely.

i don't seem to be able to make any changes, does the js store the css somewhere, my site cache is disabled, but nothing i do seems to affect the way anything looks.

Thanks

Type: Discussion
Status: New
BHWW
View Replies:
BHWW replied on at Permalink Reply
BHWW
ok, i've managed to solve this, my bad.

Thanks, sometimes you just stare at stuff for so long your sure its right, lol
sebastienj replied on at Permalink Reply
sebastienj
Thanks for the auto-support :-)

Seb
EIanetti replied on at Permalink Reply
EIanetti
I am having this problem as well - Nothing I change seems to make a change. Can you tell me what you did to make what ever changes yu made?
sebastienj replied on at Permalink Reply
sebastienj
Hi,

Thanks for the purchasing.
Have you cleaned your cache?
What did you want to change ? do you have a url ?

Seb
EIanetti replied on at Permalink Reply
EIanetti
I have cleaned the cache. What I am trying to change is a problem I am having with images. All of the images in the accordion block are wrapped in a thick silver border.

I do not want this border and I do not have it in the blocks when they are not placed in the accordion - something in the accordion css is putting the border there.

http://www.naturallongereyelashes.com/best-eyelash-products/...

Scroll to the bottom . . .
sebastienj replied on at Permalink Reply
sebastienj
Sorry for that. I just come back from your website but i can't see accordion on it ? :-S
EIanetti replied on at Permalink Reply
EIanetti
Sebastion - The accordion is at the bottom of this page -

http://www.naturallongereyelashes.com/best-eyelash-products/...

It is a 4 row layout.

I hope you can help me. Thanks.
sebastienj replied on at Permalink Reply
sebastienj
Oh yeah i can see it now.
ok that's simple :
go to easy_accordion.css at line 29 and change .ccm-easyAccordion-content img {}
delete border, margin, padding.

Let me know

seb
EIanetti replied on at Permalink Reply
EIanetti

Sebastion -


First - Thank you for the prompt responses I appreciate the support.


I deleted the code so now the section looks like this:



.ccm-easyAccordion-content img {
background:none repeat scroll 0 0 #dddddd;

}


I cleared my browser history and C5 cache - but there is no change to the actual website page.


What can be done.


-----Original Message-----
From: Concrete5 Community <discussions@concretecms.com>
To: eianetti <eianetti@aol.com>
Sent: Tue, Sep 6, 2011 3:24 am
Subject: removing all styles - allowing css styling: removing all styles - allowing css styling
sebastienj replied on at Permalink Reply
sebastienj
EIanetti replied on at Permalink Reply
EIanetti
Ok - I got this up and running. I basically wound up reinstalling it. Anyway, it works great and I am grateful for your support. Thanks.
cgroves replied on at Permalink Reply
cgroves
Okay I would like to know how to influence the CSS on the titles (active and other). I have cleared the cache. I can alter the basic css to manage padding, width and so on.

However, I cannot change or override locally the css for the title font or size. The accordion menu titles are huge and it just looks ridiculous to me. I can tell this is being passed from the site css, but I can't seem to override this locally for accordion. Particularly as I don't want to alter the css for the remainder of the site.

This is related to this thread but the originator unfortunately solved his own issue and didn't bother to relate that data; as it might assist others with related issues.

guidance appreciated.
BHWW replied on at Permalink Reply
BHWW
Hi

Words like didn't bother to help. Really won't get you your answer. Please be polite and courteous on forums if you want help. Remember you please and thank yous.

Will try and respond when I can but I solved this through trial end error and not sure exactly what I did to arrive at a solution.

All the best

Sent from my iPhone
cgroves replied on at Permalink Reply
cgroves
Well no offense intended, but I think I hit a home run regardless.

Since you are on that topic; if you post an issue and then discover the solution, even if in retrospect it is obvious you should follow-up with details to close the loop for anyone else experiencing similar problems.

In an effort to close that loop... I offer the following.

The solution (at least partial): there are a number of style elements being defined in or passed through the js. No big issue, it just means that that you have a few other locations to go to make changes if you want to impact the entire style of the block.

In my instance the h1 defined style made the titles too large for where it was displayed. Changing h1 to h2 corrected the issue. This was performed in [easy_accordion.js].
sebastienj replied on at Permalink Reply
sebastienj
Hi,

What can i do for you ?

Seb
cgroves replied on at Permalink Reply
cgroves
For now I am good. My earlier reply outlined the solution I found for the problem I was having.
EIanetti replied on at Permalink Reply
EIanetti
Hey - You''re right, I didn't bother. . . But, I usually do.

Sometimes you get so involved/frustrated with a problem that is preventing you from fixing/finishing a site that you forget to do something obvious like share the solution or mind your manners.

It's been a long time since I solved that problem, but PM me if you need the info and I will revisit it with you.
BHWW replied on at Permalink Reply
BHWW
Hi, as requested...

To solve/style this solution there seemed to be two files that you need to edit:

The first of these is: /blocks/mylab_easy_accordion/css/easy_accordion.css - the '!important' call is very important here to override certain fixed styles in the CSS, i.e.
#centre .ccm-easyAccordion-title {
   padding:6px 0px;
   text-indent:8px;
   color:#333;
   background: url(closed.png) no-repeat right;
   cursor:pointer;
   height: 14px;
   border: 1px solid #ccc !important;
   margin-bottom: -1px !important;
   width:238px !important;
}


The second is in /blocks/mylab_easy_accordion/js/easy_accordion.js on line 29 you change the heading style to a smaller style, i.e.
var title = jQuery('<h1>' + titleString + '</h1>').insertBefore(this);

to
var title = jQuery('<h3 style="font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; font-weight: normal;">' + titleString + '</h3>').insertBefore(this);


and on line 35 you can change the corner 1px is minimum I think.

Hope this helps you all. Ben
sebastienj replied on at Permalink Reply
sebastienj
Hi,

I can change for default setting a h3 in place of h1. I think it will be really better !

Seb
shona3man replied on at Permalink Reply
shona3man
Thanks for all the above, really helpful. Just wondering if I can have a pointer as to where to change the active state from black to another colour. I have changed the background colour to a dark purple so want the selected tab to be more prominent not black.

Any help welcome, thanks.

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.