custom CSS class to override block CSS
Permalink
I've tried to research but it's all overwhelming.
I am having trouble piecing everything together.
Rather than say what I have found can I get some
help with how to do the following.
I installed the Image Slider free addon.
But it is wrapping the content in it's own div
with specified CSS class. I need control of the
div using CSS, and would like to either remove that
div wrapper or override the CSS class.
I would have looked at the dsigner content addon
but it doesn't have all available blocks listed.
Maybe I'm not understanding it's full potential.
I am having trouble piecing everything together.
Rather than say what I have found can I get some
help with how to do the following.
I installed the Image Slider free addon.
But it is wrapping the content in it's own div
with specified CSS class. I need control of the
div using CSS, and would like to either remove that
div wrapper or override the CSS class.
I would have looked at the dsigner content addon
but it doesn't have all available blocks listed.
Maybe I'm not understanding it's full potential.
If you want to modify the css that comes with a block, the easiest way to do it is to create a new block template. There are several howtos on it and some training videos.
Essentially, what you do is copy the bock view.php and view.css into the directory:
/blocks/[blockname]/templates/[whatever name you give the template]/
(you probably need to create that directory), then edit the copies to do the styling you want.
You will then see [whatever name you give the template] in the custom template menu for the block.
Search the howtos and documentation for 'template' and 'override'. There are also many forum threads on this, but hopefully with the above concepts in mind you will be able to pick out the ones that help you without being overwhelmed.
Essentially, what you do is copy the bock view.php and view.css into the directory:
/blocks/[blockname]/templates/[whatever name you give the template]/
(you probably need to create that directory), then edit the copies to do the styling you want.
You will then see [whatever name you give the template] in the custom template menu for the block.
Search the howtos and documentation for 'template' and 'override'. There are also many forum threads on this, but hopefully with the above concepts in mind you will be able to pick out the ones that help you without being overwhelmed.
I was thinking I would need to create a template.
If that's the easiest way then I guess it's what I'll do.
Thanks for the quick run down, made perfect sense.
If that's the easiest way then I guess it's what I'll do.
Thanks for the quick run down, made perfect sense.
If you don't want to create a template, you can override just the the css by writing more specific rules thanb the existing css. But then you need to load those rules, so would use a /css/[yoursheetname].css file (which shgould be automatically loaded for all pages). Or I have a style development addon Style Quickie, which is probably not what you need at this stage.
I followed the instructions, but it's like C5 hasn't registered the custom template. I don't see it as an option in the custom templates selection window. So far I have zero custom templates available.
By default it uses the dimensions of the smallest image.
Any way to define dimensions?