Tagged: ,

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


    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.





    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.



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

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