Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    Regular Coder LearningCoder's Avatar
    Join Date
    Jan 2011
    Location
    The Pleiades
    Posts
    919
    Thanks
    76
    Thanked 29 Times in 29 Posts

    Can't find file which produces HTML in Wordpress

    Good morning,

    I am trying to find the location of a div with an inline style in my wordpress files but can't seem to find it.

    I'm trying to overwrite the font color using CSS but can't due to the inline style set.

    The div whos color I'm trying to change is located inside a div with a class of .avia-promocontent.

    I have located a file in my wordpress directories called promobox.php which I believe is where this HTML is set up: The file contents is below:
    PHP Code:
    $output "";
     
    $output "";
    $output.= " <div class='av_promobox ".$this->class_by_arguments('button' $attstrue).$meta['el_class']."'>";
                                
    $output.= " <div class='avia-promocontent'>".stripslashes(wpautop(trim($content)))."</div>";
     
    if(
    $atts['button'] == "yes")
    {
    global 
    $shortcode_tags;
    $fake   true;
    $output.= call_user_func$shortcode_tags['av_button'], $attsnull'av_button'$fake);
    }
     
    $output.= " </div>";
     
    return 
    do_shortcode($output); 
    As you can see, the div with a class of .avia-promocontent is set here but not sure where the inline styles come from?

    That produces this source code:
    Code:
    <div class="av_promobox avia-button-yes  avia-builder-el-4  el_after_av_one_full  avia-builder-el-last "> 
         <div class="avia-promocontent">
         <p></p>
          <div style="font-size: 18px; color: #07bfd7; padding-top: 3px;">Contact us for a complimentary consultation to see how&nbsp;we&nbsp;can assist you.</div>
          <p></p>
          </div>
           <div class="avia-button-wrap avia-button-right ">
                 <a href="http://wrdesigns.net/wellhealthcoaching/contact/" class="avia-button avia-icon_select-no avia-color-custom avia-size-large avia-position-right " style="background-color:#f3861f; border-color:#f3861f; color:#ffffff; ">
                      <span class="avia_button_icon" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>
                      <span class="avia_iconbox_title">Contact Renee</span>
                 </a>
           </div> 
    </div>
    Anyone got experience with Wordpress?

    I've tried a CSS trick using .avia-promocontent > div[style] { color: #fff !important;} but it didn't overwrite it.

    Thanks again.

    Kind regards,

    LC.

  • #2
    Regular Coder Vincent Puglia's Avatar
    Join Date
    Jul 2003
    Location
    where the World once stood
    Posts
    367
    Thanks
    0
    Thanked 13 Times in 13 Posts
    I've tried a CSS trick using .avia-promocontent > div[style] { color: #fff !important;} but it didn't overwrite it.
    Where did you write it? in the <head>?
    style precedence is:
    1) head
    2) inline
    3) linked file

    So, even if you have '!important' in the linked file, it might not overwrite the inline, especially if wordPress has its own overriding precedence.

    Did you look for a wordpress css file?
    Where the world once stood
    the blades of grass
    cut me still

  • #3
    New to the CF scene
    Join Date
    Dec 2013
    Posts
    3
    Thanks
    0
    Thanked 1 Time in 1 Post
    So it might be part of $content? You didn't post the code that might explain what is in there?

    Otherwise it indicates that the inline css might be changed within the plugins admin?

  • #4
    Regular Coder Vincent Puglia's Avatar
    Join Date
    Jul 2003
    Location
    where the World once stood
    Posts
    367
    Thanks
    0
    Thanked 13 Times in 13 Posts
    Hi,

    I thought I mentioned it, but guess I didn't ... I don't use wordPress. However, according to this site: http://en.support.wordpress.com/cust...n/editing-css/
    there is a default CSS that seems to override what you want to do (Isn't it wonderful having all these WYSIWYG apps? )


    By default, the custom CSS you add to the CSS editor will be loaded after the theme’s original CSS which means that your rules can take precedence and override the theme’s styles. You can turn the theme’s original CSS off completely by clicking the “Don’t use the theme’s original CSS” option in the Appearance ? Customize ? CSS panel.

    I really hope this helps, and if no one else comes by soon, I'd advise posting on the wordPress forums...I'm assuming they have one.
    Where the world once stood
    the blades of grass
    cut me still

  • #5
    Regular Coder Vincent Puglia's Avatar
    Join Date
    Jul 2003
    Location
    where the World once stood
    Posts
    367
    Thanks
    0
    Thanked 13 Times in 13 Posts
    Hi,

    I thought I mentioned it, but guess I didn't ... I don't use wordPress. However, according to this site: http://en.support.wordpress.com/cust...n/editing-css/
    there is a default CSS that seems to override what you want to do (Isn't it wonderful having all these WYSIWYG apps? )


    By default, the custom CSS you add to the CSS editor will be loaded after the theme’s original CSS which means that your rules can take precedence and override the theme’s styles. You can turn the theme’s original CSS off completely by clicking the “Don’t use the theme’s original CSS” option in the Appearance ? Customize ? CSS panel.

    I really hope this helps, and if no one else comes by soon, I'd advise posting on the wordPress forums...I'm assuming they have one.
    Where the world once stood
    the blades of grass
    cut me still


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •