Set Block Styles configuration
Permalink
I'm using the Destyle theme and I'm trying to remove a vertical line that separates the columns. The style is controlled by this declaration in style.css of the theme:
#content {
margin: 0 40px;
background: transparent url(img/bg-content.gif) repeat-y 600px 0px;
z-index: 3;
}
I added a Full page, but when I did that, the style is still displaying the line and the content overflows the line. What is the best way to remove that styling in the respective block of that page using the CSS tab of the Set Block Styles under the Design menu of the block? I can't figure it out!
I'm running version 5.6.2.1
#content {
margin: 0 40px;
background: transparent url(img/bg-content.gif) repeat-y 600px 0px;
z-index: 3;
}
I added a Full page, but when I did that, the style is still displaying the line and the content overflows the line. What is the best way to remove that styling in the respective block of that page using the CSS tab of the Set Block Styles under the Design menu of the block? I can't figure it out!
I'm running version 5.6.2.1
Hello Steevb,
If I comment out the code from style.css for the theme, it will be for the entire site, which I'd like to avoid. There are pages where I have other columns and the separator image works well. I would just like to remove it from specific pages, newly added pages in Full mode.
If I comment out the code from style.css for the theme, it will be for the entire site, which I'd like to avoid. There are pages where I have other columns and the separator image works well. I would just like to remove it from specific pages, newly added pages in Full mode.
Could you provide a link to the page on your site where this happens so we can better advise you about what styles you could add to undo it?
The Full page I added and would like to remove the vertical line from is the "Test" page.
http://auto.reach2unite.org/index.php/test/...
I added that page to see how to remove the line without affecting the entire site. Simply to focus on specific blocks when necessary.
I need to keep the vertical lines on the other pages of the site.
http://auto.reach2unite.org/index.php/test/...
I added that page to see how to remove the line without affecting the entire site. Simply to focus on specific blocks when necessary.
I need to keep the vertical lines on the other pages of the site.
I would suggest adding a class to your body with the Page Type Handle in it, so add this to your body tag in your header
Then add this line of CSS into your site
So you can control which page types have that background image removed.
<body class="<?php echo $c->getCollectionTypeHandle(); ?>">
Then add this line of CSS into your site
body.collection_type_handle #content { background: transparent; }
So you can control which page types have that background image removed.
I'd like to know if the instruction is to add the php code into the body of the template's header.php file? And the custom css into the template's css style sheet?
Thank you in advance.
Thank you in advance.
Yes, that would be the easiest way to go about doing it.
I tried but no changes took place. Flushed cache and used other browsers to check. Can't the default stylesheet be overriden using the CSS tab in a block?
The class isn't showing up on the body tag, are you sure you added it to the header that's being used?
I removed the edits earlier. I'm totally new to Concrete 5, and the creation of elements such as Page Types, etc. There are other PHP files in the template folder: full.php, view.php, default.php, header.php, and footer.php. Not sure where to go from here.
I added the php code in the <head> area of header.php, and the css in the syle.css of the template. I created a new Page Type, but it was so confusing and I don't know if it was done right.
I added the php code in the <head> area of header.php, and the css in the syle.css of the template. I created a new Page Type, but it was so confusing and I don't know if it was done right.
Have you cleared the cache?