Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #25242

    Hello,

    Loving working with this theme so far. It’s very different from what I am used to (in a good way). One thing that is puzzling me is the lack of a custom css option on a per page basis or am I missing something? For example, I have added a color box with a background image (really nice effect) and in the color box added an icon list but the list defaults to grey which doesn’t show up that well. So, I want to match the icon

    list to the button colors on the page but for this page only, I don’t want to apply a theme wide change to the icon list.

    Thanks

    Andrew

    #126214

    Hi,

    Using Chrome, you can inspect the element, look for the unique body class selector. It will look something like this.

    body id="top" class="home page page-id-734

    You can use the selector .page-id-734 prior to the elements you want to target on that specific page. Example.

    .page-id-734 .main_color .avia-icon-list .iconlist_icon {
    background-color: red;
    }

    The code will only change the iconlist background color on the page with id 734.

    I already asked Kriesi if it is possible to add unique css selectors for each Avia Elements when editing on the Advance Layout Builder. I’ll tag him on this thread.

    Regards,

    Ismael

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Custom CSS page option’ is closed to new replies.