Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 27, 2017 at 3:55 pm #767514
    Designweb

    Hello,

    how can i find inside theme the file (PHP or JS) no CSS, when i inspect an element e.g. on Google Chrome. For example i inspect a class and i want to find where is save as (in which folder and in which file) on the theme.

    Take a look to the image. http://imgur.com/a/Hf1Jr

    Thank you.

    March 28, 2017 at 12:41 pm #768089
    Victoria

    Hey Designweb,

    Can you please give us a link to the page, we need more context.

    Best regards,
    Victoria

    March 29, 2017 at 10:12 am #768714
    Designweb

    Hey Victoria,

    in that page * inspect element CATEGORIES, you see the **<a href="#" data-filter ...> and below that element has other span. In which folder and file can i find that elements? How can see where is that file, where i inspect an element on my Google Chrome browser?

    Thank you

    April 3, 2017 at 10:08 am #770996
    Designweb

    Hello,

    do you have any idea?

    Thnak you

    April 3, 2017 at 2:56 pm #771154
    Yigit

    Hi,

    Please go to Enfold/config-templatebuilder/avia-shortcodes/portfolio.php file and find following line

    
					$output .= 		'<a href="#" data-filter="'.$category->category_nicename.'_sort" class="'.$category->category_nicename.'_sort_button" ><span class="inner_sort_button">';

    Please consider using a child theme – http://kriesi.at/documentation/enfold/using-a-child-theme/ and refer to this post – http://kriesi.at/documentation/enfold/add-new-or-replace-advanced-layout-builder-elements-from-child-theme/

    Best regards,
    Yigit

    April 4, 2017 at 10:16 am #771612
    Designweb

    Hello Yigit,

    thank you for your help, but i don’t want that. I want to find file name (PHP or JS), not CSS from Google Chrome inspect element or other browser developer tools.
    Is that possible to do?

    Thank you

    April 4, 2017 at 11:56 am #771673
    Yigit

    Hi,

    You can search for the CSS class or ID in theme files to find correct files. As i mentioned above, the one you are looking for is located in Enfold/config-templatebuilder/avia-shortcodes/portfolio.php

    If that is not what you meant, please elaborate as i am still not so sure if we are on the same page or not :)

    Best regards,
    Yigit

    April 4, 2017 at 12:28 pm #771692
    Designweb

    Hello Yigit,

    can you find the php page from the Google Chrome Browser on below sample?

    in that page * inspect element CATEGORIES, you see the **<a href="#" data-filter ...> and below that element has other span. In which folder and file can i find that elements? How can see where is that file, where i inspect an element on my Google Chrome browser?

    If you inspect the element id or class, where do you see the php page on browser?

    I don’t want to tell me the file name of php page, i want to find that on my own in my browser. Is that possible and how?

    Thank you very much for your time

    April 4, 2017 at 12:35 pm #771696
    Yigit

    Hi,

    You cannot find php file in your browser. Since “categories_sort_button” is a variable that changes depending on your category, you cannot find the file by searching it on theme files as well. However, there is “inner_sort_button” and you can search it on enfold theme folder to find files – http://i.imgur.com/bASIzkw.png

    Best regards,
    Yigit

    April 4, 2017 at 2:13 pm #771775
    Designweb

    Hello Yigit,

    you are great! This is the answer i wanted to know.

    Thank you very much.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘How to find id or class in which file associated on WordPress Theme’ is closed to new replies.