Monitor Reply

Support

Queries on Theme aspects

Permalink Browser Info Environment August 31, 2021 at 8:09 AM

I have several questions regarding the use of the theme - I hope you can help:

1. Is there a way to remove the Sitewide logo other than set the font to 0 size and make it transparent?
2. If I choose Add Layout there is no option to specify a number of rows, only columns?
3. The masthead image at the top of the page does not display properly - on full screen the image is zoomed in, hiding 30% of the image? It only displays properly if I drag the browser window to 50%. Is there a way to fix/constrain the masthead image size?
4. The Home Full Width 1 content box is fixed halfway down the Achillea Home Full Width 1 image background (see attached) - how do I move it up to the top of the image?

Address for the site ishttp://theresearchsquad.com/

1 Attachment

Type:	Ticket
Status:	Resolved

pilipala replied on Aug 31, 2021 at 3:22 pm Permalink Reply

Hello,

1. Yes, I think using CSS is the best way. You can change the theme files, but unfortunately your changes would be overridden with theme updates, so it is best to use CSS in this case.

For example:

div.ccm-page #achillea-logo {
    display: none;
}

While logged into your site, click on the cog icon (top left of the dashboard) > Design > Customise. Then scroll down to the bottom on the left panel until you see "Custom CSS". Click on the cog icon next to Custom CSS, add your own CSS and click save.

2. For additional rows, you can add a new layout under the layout you’ve created. The documentation does say you can add rows in “Add Layout”, but I can’t see any options for doing this.https://documentation.concretecms.org/user-guide/editors-reference/i...

3. The background images use Backstretch jquery. This allows the image to be responsive and stretch to cover the area regardless of the width of the screen it is being viewed on. For this reason, it is best to use a background image that doesn’t need to be fully displayed (e.g. scenery), as it will appear differently on various devices. You may also find it helpful to try different sizes of the image to see what looks best - the masthead images on our demo pages are 1920px by 500px.

You can adjust the space that the background images are in using media queries. For example, see the CSS below and change the height to suit your image.

@media (min-width:768px) {
   div.ccm-page #achillea-header-masthead {
   min-height: 300px;
   }
}
@media (min-width:992px) {
   div.ccm-page #achillea-header-masthead {
   min-height: 500px;
   }
}
@media (min-width:1200px) {
   div.ccm-page #achillea-header-masthead {
   min-height: 700px;
   }
}

4. The theme uses two columns here, but you can adjust this in the CSS.
For example:

div.ccm-page .col-md-offset-6.home2-description {
   margin-left: 0;
}
div.ccm-page .col-md-6.home2-description {
    width: 100%;
}

Thanks,

Jennifer

Achillea

Support

Queries on Theme aspects

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post