Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
  • #780729

    Hi all,

    I’m using a widget and the Recent posts element to do exactly that.

    Have 2 questions:

    1) how can i target just the widget area and change the BG, when i target and cahnge the color to white, it affect other areas on the page.
    2) Can i specify what category to show?
    For example on a different page, only show categories about XYZ and not ABC? Only want to limit on certain pages, but keep all showing on
    the homepage (hope this comes off clear and not confusing)



    Hey Drebosio,

    Please provide a link to the page so we can look into this further.

    Best regards,
    Jordan Shannon


    I’ve already semi sorta #1, i’m sure there’s a better way of doing it?

    but by all means please let me know if there’s a better way then what i added!

    Looking more so how to do #2 above



    1- Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #categories-2 {
        background: white;
        padding: 10px;
        margin-top: 30px;

    2- Please try using a more advanced widget plugin such as this one –

    Best regards,


    Howdy Yigit,

    So i added the code, but it wasn’t affecting the correct area, i think you missunderstood me, but it’s I saw the error and corrected it and it’s what i wanted for the top stories section (#1) you code was affecting the BG of the categories section. Upon re-reading my initial question I def worded it wrong, my apologies!

    Will look into the plugin you posted, thankyou all!



    Please let us know if the plugin works for you.

    Best regards,
    Jordan Shannon


    Hey Jordan,

    The plugin, didn’t work for me (was untested with my version of WP, and last updated ~7months ago) but i did get it working with this plugin –



    Great news. I am glad you were able to find and share the solution. If you need additional help please let us know here on the forums.

    Best regards,
    Jordan Shannon


    Actually i’m running into an issue, i want to replicate the CSS of the left table and add that to the right categories section. Is there a quick css i can add for this?

    example page down below, you’ll see the left section has white BG, padding, and a grey border-bottom. That’s what i’m trying to replicate if possible to the right side.



    This can be replicated via css. Would you be able to provide admin info so I can login and get it configured?
    Best regards,
    Jordan Shannon


    Hey Jordan,

    Actually can you post i, i would like to see if it’s different then what I already have setup.




    I’m configuring it within the browser inspector, this is quite a bit of css so its not really ideal. I can glady post what I have done when it is completed. Doing it within the admin just makes it easier because I can actually save and build.

    Best regards,
    Jordan Shannon


    Gotcha, no worries, can you just section it off in the Quick css section, i have some stuff in there presently for this section i’m going to comment out to see your effects.



    I added the following to quick css.

    border:1px solid #e1e1e1;
    #listcategorypostswidget-2 h3.widgettitle{
    .flex_column.av_one_fourth.flex_column_div.avia-builder-el-last ul li{
    border-top:1px solid #ddd!important;
    padding:8px 12px!important;
    .flex_column.av_one_fourth.flex_column_div.avia-builder-el-last ul li:last-child{

    Let me know if this is what you needed. To get those arrows to the left in there is a bit more involved than we can get here as those icons are hard coded into the theme.

    Best regards,
    Jordan Shannon

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.