Changing Featured Widget Height

  • Hello,

    I am currently working with Athena Pro on one of my sites and I would like to change the height of the Featured Widgets beneath the jumbotron.

    I have created a child theme to make these customization’s. I have found in the style.css file within the inc folder:

    #athena-featured{
    width: 100%;
    min-height: 320px;
    background: #e1e1e1;
    color: #000;

    text-align: center;
    overflow: hidden;
    z-index: 0;
    position: relative;
    }
    #athena-featured .featured-box{
    padding: 50px 30px;
    min-height: 320px;
    cursor: pointer;
    }

    I tried changing different combinations of min-height and adding max-height, then entering those into the custom CSS section of the theme customizer to no avail.

    So I tried uploading an altered style.css to both the child theme directory and the original theme directory on my server and again no avail.

    I also have been trying to find where the “class= col-sm-4 featured-box featured-box1” and subsequent feature boxes are being defined but I am struggling, I could just be misunderstanding this statement all together I am relatively new to HTML, PHP, and JavaScript. I thought maybe somewhere in that definition the height is being defined as well.

    I also made sure I was loading the attempted changed webpages with an empty cache just in case it was loading an older version from that.

    Any help and direction would be appreciated. Also a big thank you for structuring and organizing your theme so well and leaving comments defining whats happening!! It is much appreciated despite my predicament. ??

    Zach

Viewing 1 replies (of 1 total)
  • Thread Starter Zach Damuth

    (@zachdamuth)

    Well I ended up figuring out how to do it. It wasn’t an issue with the coding I was attempting. It ended up being an issue with how I configured the child theme.

    I used the Child Theme Configuator plugin and checked the box to make a seperate CTC style.css and for whatever reason no matter where I plugged in the changes to #athena-feature style.css or ctc.css it wouldn’t translate to the page.

    I ended up re configuring the child theme (because I broke the site and had to roll back to the original theme haha I guess that’s one reason why we use child themes) and this time I did not seperate the style sheets for all of the second loaded style sheets in your theme. When I plugged my code into that configured sheet it worked like a charm!

    Now I’m wondering how I can change the customizer.php file as I want to add more granularity to the jumbotron height setting. Any help on this tid-bit would be appreciated!

    Thank you again!

    Zach

Viewing 1 replies (of 1 total)
  • The topic ‘Changing Featured Widget Height’ is closed to new replies.