Tagged: , ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • April 20, 2017 at 7:56 pm #780729
    Drebosio

    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)

    Thanks!

    April 20, 2017 at 11:21 pm #780889
    Jordan Shannon

    Hey Drebosio,

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

    Best regards,
    Jordan Shannon

    April 20, 2017 at 11:50 pm #780911
    Drebosio

    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

    April 21, 2017 at 2:19 pm #781208
    Yigit

    Hey!

    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 – https://tr.wordpress.org/plugins/display-categories-widget/

    Best regards,
    Yigit

    April 21, 2017 at 5:20 pm #781314
    Drebosio

    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!

    April 21, 2017 at 6:01 pm #781323
    Jordan Shannon

    Hi,

    Please let us know if the plugin works for you.

    Best regards,
    Jordan Shannon

    April 21, 2017 at 6:03 pm #781324
    Drebosio

    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 – https://wordpress.org/plugins/list-category-posts/

    April 21, 2017 at 6:10 pm #781330
    Jordan Shannon

    Hi,

    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

    April 21, 2017 at 6:20 pm #781334
    Drebosio

    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.

    April 21, 2017 at 10:38 pm #781453
    Jordan Shannon

    Hi,

    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

    April 21, 2017 at 11:10 pm #781466
    Drebosio

    Hey Jordan,

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

    thanks!

    April 21, 2017 at 11:27 pm #781476
    Jordan Shannon

    Hi,

    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

    April 21, 2017 at 11:53 pm #781484
    Drebosio

    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.

    April 22, 2017 at 1:40 pm #781663
    Jordan Shannon

    Hi,

    I added the following to quick css.

    .flex_column.av_one_fourth.flex_column_div.avia-builder-el-last{
background:#fff!important;
padding:0!important;
border:1px solid #e1e1e1;
}

#listcategorypostswidget-2{
padding-bottom:0px!important;
}

#listcategorypostswidget-2 h3.widgettitle{
padding:14px!important;
font-size:13px!important;
color:#8d8d8d!important;
font-weight:normal!important;
text-transform:none;
letter-spacing:0px;!important;
margin:0;
}

.flex_column.av_one_fourth.flex_column_div.avia-builder-el-last ul li{
border-top:1px solid #ddd!important;
margin-left:0px!important;
padding:8px 12px!important;
vertical-align:middle;
list-style-type:none!important;
}

.flex_column.av_one_fourth.flex_column_div.avia-builder-el-last ul li:last-child{
padding-bottom:15px!important;
padding-top:15px!important;
vertical-align:middle;
}

    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

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