WordPress Stressball, FlexSlider Edition
July 31, 2015 1:48 PM   Subscribe

It's a WordPress conundrum.

Successfully logged into SFTP? Check.
Know the css that I want to replace to change the FlexSlider width? Check.
Know where in the public_html folder I can find old css code so that I can edit it to updated css code? No.

I'm using FireFTP (which also supports sftp connections). WordPress, customized. Some CSS, some HTML, and some SQL.

How do I fix the slide header width?

CSS? Anybody?
posted by simulacra to Computers & Internet (9 answers total)

This post was deleted for the following reason: Poster's request -- restless_nomad

 
/wp-content/themes/your_themes_name/style.css
posted by humboldt32 at 1:51 PM on July 31, 2015 [1 favorite]


You should, of course, be using a Child Theme
posted by humboldt32 at 2:10 PM on July 31, 2015 [1 favorite]


Be aware: for some plugins like FlexSlide the CSS may be in
/wp-content/plugins/flexslider/???.css

OR some plugins add CSS directly into the HTML of the page. Check if this is the case, in which case it's probably something you can change in the plugin/slider settings.
posted by Zephyrial at 3:38 PM on July 31, 2015


It's bad practice to edit the CSS, or any files, in the plugin directory. You should always override the plugin's CSS via the /child_theme/style.css file. Use "!important" if necessary.
posted by humboldt32 at 4:29 PM on July 31, 2015


Agreed, humboldt32 – you definitely want to be only editing the CSS in your child theme folder. I should've clarified that you may check in the plugin folder just if you're looking for where the existing CSS rules are coming from.
posted by Zephyrial at 7:54 PM on July 31, 2015


In case the OP isn't aware, my SOP for identifying where a style is coming from is to right click the element in Chrome or Firefox and "Inspect Element". The dev tools will list the file location and the line that the css is on.
posted by humboldt32 at 9:34 AM on August 1, 2015


Response by poster: Thank you everyone for the responses.

I'm finally getting a chance to work on this today.

I've come to manage a website that I didn't set up; "child_theme" doesn't even exist. Many plug-ins and other open source applications (et al.) have been implemented in the website's back-end and in the source code.

Digging now to try and find a solution.
posted by simulacra at 12:41 PM on August 4, 2015


Response by poster: Okay, I'm trying to edit this part of the source code into the OG css:
/* header*/
/* line 2119, ../sass/sass_style.scss */
.positioned-header {
width: 960px;
// position: absolute;
// top: 0;
// margin-left: auto;
// margin-right: auto;
// left: 0;
// right: 0;
}
But I can't find the "sass/sass_style.scss*/" source code to which this code is linking in order to edit it.

Do I need to create and open a github account? Will this mystery ever be solved?
posted by simulacra at 12:48 PM on August 4, 2015


Response by poster: Update: found css stylesheet.
posted by simulacra at 2:01 PM on August 4, 2015


« Older Filling meals and snacks for Disneyland trip   |   External numberpad (Bluetooth?) Newer »
This thread is closed to new comments.