Forums

Css on Image

Permalink
Hi


I'm a new Concrete5 user, I'm trying to develop my first theme and so far, so good.
I've just hit one little problem, I've done the following:
<? 
                                $a = new Area("MyImage");
                                $a->display($c); 
?>


I use this code to be able to add an Image. So I just drag an Image on the area and now I'd like to add some CSS to it aswell. I've watched a Youtube video about this and I created a 'page_theme.php' file with the following code:
<?php
namespace Application\Theme\FitnessFacilityTheme;
use Concrete\Core\Page\Theme\Theme;
class PageTheme extends Theme
{
   protected $pThemeGridFrameworkHandle = 'bootstrap3';
   public function registerAssets()
   {
      $this->providesAsset('css', 'bootstrap/*');
      $this->providesAsset('css', 'bootstrap/form');
      $this->providesAsset('css', 'bootstrap/frontend/*');
      $this->requireAsset('javascript', 'jquery');
      $this->providesAsset('javascript', 'bootstrap/*');
   }
   public function getThemeAreaClasses() {
Viewing 15 lines of 24 lines. View entire code block.


But this results in:https://openmerchantaccount.com/img/concrete5Style.jpg...

As you can see it results in 'Style not found'. Could anyone tell me what I'm doing wrong?


Thomas

(btw if an admin sees this, there's a typo in Dutch in Concrete5, it should be 'geselecteerd' not 'gelesecteerd')
 
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi damwthomas,

It looks like you were using the array format used in getThemeBlockClasses(). Where "image" is the block handle. In getThemeAreaClasses(), the array key is the area name "MyImage".
public function getThemeAreaClasses()
{
    return array(
        'MyImage' => array(
            'img-responsive',
            'img-responsive img-circle'
        )
    );
}