Border radius problems [cannot find correct target]

Tagged: , ,

Author Posts

lynnr321 December 14, 2015 at 9:23 pm

Heads up! this post was created when Microthemer was at version 4. The current version is 7. Some references to the interface may be out of date.

I’m loving Microthemer with Beaver Builder.
I am having a tough time getting a certain effect using a border radius. I have screen shots in this file at Dropbox.
The top file is a screenshot of what I’m trying to achieve, a tabbed file look. The second is what it looks like in microthemer right now. And the third is the code Microthemer has for it right now.
I have the element “Guest” and “Reviews” set up using the Heading element in Beaver Builder with the soft grey background. Not sure how to get that background to have a rounded corner and a soft slightly-darker border like the example. You can see it live at this link.
Please tell me what I’m doing wrong, if you can. Thanks much Lynn

Sebastian December 15, 2015 at 12:30 pm

Hey Lynn,

From the generated CSS image you provided I can see that the selector isn’t targeting any elements near the tab you’re trying to style. This should work:

.fl-node-566f366ea8e7d .fl-col-content

I discovered this by analysing your page using Chrome’s inspector (Right-click > Inspect Element):

guest reviews

I hope that helps. Please let me know if you require further assistance.

You must login or register to reply to this topic.