CSS featured-area: width declared twice

  • Resolved st3phan5

    (@st3phan5)


    7 years, 1 month ago

    Hi all,

    I modifyed file template-parts/featured-area.php (using a child-theme) in line 29 to get a smaller featured-area on the startpage. My first intention was, to use the css-grid defined as class (grid col-940) which had no effect. I found out, the width has been set ‘hardcoded’ in #featured responsive/core/css/style.css line 953 (width: 99.893617021277%;). This can’t be overwritten/deleted using the grid framework in child-theme files.

    Would it be possible, to remove the width from #featured in responsive/core/css/style.css line 953 for further updates? The grid does it very well!

    Any othe solution would also be appreciated.

    Thx a lot
    /st3phan

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author CyberChimps

    (@cyberchimps)

    Hi,

    Can you please let me know what you are trying to achieve? What is your final goal for changing the CSS?
    If you want to remove the width, you can add CSS to “unset” the grid width. So that the width value will be unset.
    Else you can add the CSS again in the child theme and change the width.

    Thank you.

    Thread Starter st3phan5

    (@st3phan5)

    Hi,

    thanks for the quick reply! My goal is, to use the featured-area in combination with widget 1 to 3. No other area is displayed so far. I would like to resize the featured-area to 2/3 width beeing able to add a 4th widget to the right side.

    But first I will try to do the ‘unset’-method.

    Example Frontpage Responsive

    Thx!

    • This reply was modified 7 years, 1 month ago by st3phan5.
    Theme Author CyberChimps

    (@cyberchimps)

    Hi,

    If you want to resize the width of the fetaured content area, you can try adding below CSS. You can add CSS in Appearance–>Customize–>Additional CSS tab (last option)

    #featured {
    width: 70%;
    }

    Hope this helps.
    Thank you.

    Thread Starter st3phan5

    (@st3phan5)

    Hi,

    this works fine!

    Doing the resize for #featured using width: 65.79% in CSS in addition to margin-right: 2.127659574468%; I was able to build my 4th widget using CSS-class grid col-300 fit on the right side of featured-area. Now its up to me, playin’ around with some min/max-heights in CSS to get the new featured-area in a nice style.

    Thanks for your support an development of this great theme!

    Theme Author CyberChimps

    (@cyberchimps)

    Hi,

    Oh, that’s great. Glad to know that you found the solution to resolve your issue.
    If you have any more queries, feel free to raise it here.

    Thank you.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS featured-area: width declared twice’ is closed to new replies.