Replace image file in theme skin

  • Resolved midgeflysac

    (@midgeflysac)


    2 years, 9 months ago

    Hiya folks, I’m struggling with my top menu panel and slider. I bought a theme with functionality, organization and style I like, but for a business that’s totally different from mine. (It’s for a barber and I’m an herbalist) I’m trying to modify the background image for the top menu panel. There’s not a lot of choices as far as customization goes, everything seems to be determined by the “skins”. So far changes to this have been super difficult (for me). For example, there’s sposed to be a choice in theme options to change the top banel background image, but it didn’t work. I was in contact with the developers but they are in Southern Ukraine and (understandably) haven’t been great at timely responses. Anywhoo, I’ve found the image file I’d like to replace in the theme editor and I’ve made a high-resolution image in illustrator that’s exactly the same size in order to replace it but have extreme anxiety about mucking with the theme files. I’m sure there’s something overriding my choice in the CSS files but I don’t know how to find it. Anybody able to help with this?

    Here’s a link to some screen shots of the theme options and skin files:

    https://1drv.ms/w/s!AtdA1osWL4I-hXZpMFWw8uEZHWkb?e=ZwE4BL

    • This topic was modified 2 years, 9 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • You shouldn’t have to edit CSS or theme files to change the image.

    From your “theme editor” (screenshot), you should be able to click the “Choose Image” button (annotated below) to select your new image from your computer and upload it to replace the theme’s image.

    UPDATE:

    Looking closer, it seems you’ve uploaded a new image already.

    Unfortunately, as this is a commercial theme, we’re unable to install the theme to know its configuration options and why the image is not appearing on your site.

    Please try this custom CSS in APPEARANCE => CUSTOMIZE => ADDITIONAL CSS:

    .top_panel_style_light.top_panel_opacity_solid .top_panel_wrap {
background: url(https://goodytwoshoesherbs.com/wp-content/uploads/2022/06/top_panel-scaled-e1656184020445.jpg);
}

    And if you want to remove the opacity completely, add this as well:

    .top_panel_style_light.top_panel_opacity_solid .top_panel_wrap:before {
background-color: transparent;
}
    Thread Starter midgeflysac

    (@midgeflysac)

    This worked! Finally!!! I’m not sure why my choices don’t show up when I change the theme options but its an ongoing issue. Can’t get my footer sidebar to change styles either. I change it to “dark” in theme options and the titles switch to white font but the background stays light. In any case, thanks so much for your help!!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Replace image file in theme skin’ is closed to new replies.