-
Posts
-
Using a custom widget box for “Call for pricing and current promotions” on this page: http://tciwest.com/j4f/portfolio-item/suncatcher-v-series/
This widget box will be going on all 12 of the different boat model pages. I’d like to tighten up the spacing below the text/above the accordion slider. Please advice for CSS code.
Hey bonbuttercup,
I’m assuming you are using header widget area. To place the header widget area below the logo and menu please check the “Header widget position ” section in the link in private. Let us know if you have any questions, we are happy to help :)
Best regards,
Vinay?? This has nothing to do with the header or logo section. http://tciwest.com/j4f/wp-content/uploads/Untitled-5.jpg. I need to decrease the spacing after the widget area in the color section within a portfolio section. Thanks.
Hi,
Thank you for the clarification.
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
#header .widget { padding:0!important; }Best regards,
VinayThis has nothing to do with the header. This widget area is in the body of a portfolio page. The code doesn’t work. Please advise.
I figured this out. You seem to be focusing on making header adjustments, but the element in question is not in the header section. The answer appears to be naming the color box and then adding the following CSS code, although there are three elements contained within one color box, so I do not understand why this CSS code is only adjusting the first and only the first element’s spacing… Regardless, it’s working.
#suncatcher-v-series .content {
padding-bottom:0px !important; }Hi,
I’m sorry I did not understand the issue properly the first time. Glad you got it working!
Color section padding can be adjusted from the element options.
You can also turn on custom css class name support from the theme options > Layout Builder > Show element options for developers
This will allow you to target every builder element such as headings, columns etc.
Let us know if you need any further assistance. We are happy to help :)
Best regards,
VinayNEW PROBLEM: The custom widget area box an the custom widget are now on two pages. On the V Series page, the heading text is black. On the X Series page, the heading text is blue – EVEN THOUGH BOTH ARE PULLING FROM THE SAME WIDGET.
There is no CSS set to change widget text colors on a specific page.
2ND NEW PROBLEM: Using the exact same CSS format to tighten up the vertical space between the widget that is not contained in the header or logo area, but is contained in the portfolio page area, the CSS works on the V Series page, but does not work on the X Series page.
#suncatcher-v-series .content {
padding-bottom:0px !important; }#suncatcher-x-series .content {
padding-bottom:0px !important; }So I’m now back to needing to tighten up the spacing AFTER the widget area. I’m creating 12 different boat pages; I’ll need something that controls all of them.
Thanks.
FYI, the color section vertical options sometimes don’t tighten up as much as needed. I’m not a developer, so to code the builder elements is beyond my expertise. It would be great if vertical adjustments could be made easier – as I said, even if you put your settings on No Padding, it’s still not enough, or you want no padding at the top, but padding at the bottom, and there’s no option in the menu for this.
Thanks.
Hi,
Thank you for the update.
Please move the widget areas inside a color section then set the “Section Colors” accordingly. The text colors are different because the widget areas are inside color sections with different themes.
Best regards,
IsmaelI just went through both portfolio items side-by-side, comparing every single setting on the V and X pages. These two portfolio pages are set up exactly the same. The widget ares are NOT inside color sections with different themes. Please see PDF showing each portfolio item side-by-side.
Also, the spacing is totally different – much larger on the X Series page. Either the X page is stuck on Main Content somehow or I’m missing something. I have 10 more pages to duplicate so I need to resolve this issue.
http://tciwest.com/j4f/wp-content/uploads/widget-area-color-issue.pdf
Problem solved. I deleted the entire page, saved every color box on the V-Series page, and then brought them back in.
- You must be logged in to reply to this topic.