Tagged: blog category, change color, recent posts widget
-
AuthorPosts
-
April 20, 2017 at 7:56 pm #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)Thanks!
April 20, 2017 at 11:21 pm #780889Hey Drebosio,
Please provide a link to the page so we can look into this further.
Best regards,
Jordan ShannonApril 20, 2017 at 11:50 pm #780911I’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 #781208Hey!
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,
YigitApril 21, 2017 at 5:20 pm #781314Howdy 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 #781323Hi,
Please let us know if the plugin works for you.
Best regards,
Jordan ShannonApril 21, 2017 at 6:03 pm #781324Hey 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 #781330Hi,
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 ShannonApril 21, 2017 at 6:20 pm #781334Actually 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 #781453Hi,
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 ShannonApril 21, 2017 at 11:10 pm #781466Hey 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 #781476Hi,
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 ShannonApril 21, 2017 at 11:53 pm #781484Gotcha, 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 #781663Hi,
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- This reply was modified 7 years, 6 months ago by Jordan Shannon.
-
AuthorPosts
- You must be logged in to reply to this topic.