Why isn't my Style.css updating on Wordpress? -


i'm trying make font on website little bit larger. thought super simple fix. jump style.css file , body font size. found when did this, didn't update on front end despite file being updated sure.

i realized when dug source code, there seems line of code added end of link stylesheet appears preventing new update being reflected - "?ver=4.8". check out below:

<link rel='stylesheet' id='font-awesome-css'  href='http://www.example.com/wp-content/plugins/the-social-links/assets/css/font-awesome.min.css?ver=4.8' type='text/css' media='all' /> <link rel='stylesheet' id='the-social-links-style-css'  href='http://www.example.com/wp-content/plugins/the-social-links/assets/css/style.css?ver=4.8' type='text/css' media='all' /> <link rel='stylesheet' id='dashicons-css'  href='http://www.example.com/wp-includes/css/dashicons.min.css?ver=4.8' type='text/css' media='all' /> <link rel='stylesheet' id='admin-bar-css'  href='http://www.example.com/wp-includes/css/admin-bar.min.css?ver=4.8' type='text/css' media='all' /> <link rel='stylesheet' id='sb_instagram_styles-css'  href='http://www.example.com/wp-content/plugins/instagram-feed/css/sb-instagram.min.css?ver=1.4.9' type='text/css' media='all' /> <link rel='stylesheet' id='sb_instagram_icons-css'  href='https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css?ver=4.6.3' type='text/css' media='all' /> <link rel='stylesheet' id='blaskan-fonts-css'  href='https://fonts.googleapis.com/css?family=droid+serif%3a400%2c700%7csource+sans+pro%3a300%2c400%2c600%2c700%2c900%7cwork+sans%7cpacifico&#038;subset=latin%2clatin-ext&#038;ver=4.8' type='text/css' media='all' /> <link rel='stylesheet' id='bootstrap-css'  href='http://www.example.com/wp-content/themes/blaskan/assets/css/bootstrap.min.css?ver=4.8' type='text/css' media='all' /> <link rel='stylesheet' id='fontawesome-css'  href='http://www.example.com/wp-content/themes/blaskan/assets/css/font-awesome.min.css?ver=4.8' type='text/css' media='all' /> <link rel='stylesheet' id='blaskan-style-css'  href='http://www.example.com/wp-content/themes/blaskan/style.css?ver=4.8' type='text/css' media='all' /> <link rel='stylesheet' id='tablepress-default-css'  href='http://www.example.com/wp-content/plugins/tablepress/css/default.min.css?ver=1.8' type='text/css' media='all' />

it's second last stylesheet want update. so, thought jump header.php file remove weird code @ end appears overriding update, when opened file, see there is:

<head>     <meta charset="<?php bloginfo( 'charset' ); ?>">     <meta name="viewport" content="width=device-width, initial-scale=1">     <link rel="profile" href="http://gmpg.org/xfn/11">      <?php wp_head(); ?> </head>

no stylesheet links in sight.

can tell me can edit stylesheet code remove "ver=4.8" code end?

the them i'm using https://wordpress.org/themes/blaskan/, if helps.

thanks in advance!

you not modify themes css directly. correct way this, create child theme , modify css-files of child theme. here instruction on how can create child theme.

wordpress suggests using child theme:

there few reasons why want use child theme:

if modify theme directly , updated, modifications may lost. using child theme ensure modifications preserved. using child theme can speed development time. using child theme great way learn wordpress theme development.


Comments

Post a Comment

Popular posts from this blog

javascript - Create a stacked percentage column -

i have collection of data : var data = [ {"p301a":"10","p301b":"7","p301c":"7","p301d":"3","p301e":"8","p301f":"8","p301g":"8","p301h":"8","p301i":"8","p301j":"8","p301k":"8","p301l":"8","p301m":"8","p301n":"8","p301o":"8","age":"31-40 years","profesion":"2","position":"2"}, {"p301a":"5","p301b":"4","p301c":"4","p301d":"4","p301e":"4","p301f":"4","p301g":"4","p301h":"4","p301i":"4","p301j":"4","p301k":"4...
Read more

Optimising Firebase database by automatically overwriting data -

in firebase app have following structure: posts latest all users can write posts > latest . want limit entries 20 posts save space in database. , posts beyond 20 unnecessary never shown on homepage. how can limit posts 20, when user writes posts > latest posts @ end drop off (be deleted) automatically? this sample should you. you need : const max_log_count = 20; exports.removeold = functions.database.ref('/posts/latest/{postid}').oncreate(event => { const parentref = event.data.ref.parent; return parentref.once('value').then(snapshot => { if (snapshot.numchildren() >= max_log_count) { let childcount = 0; const updates = {}; snapshot.foreach(function(child) { if (++childcount <= snapshot.numchildren() - max_log_count) { updates[child.key] = null; } }); // update parent. removes children. ...
Read more

javascript - Angular UI-Grid customTemplate directive causing rows to load slowly/? -

Image
each grid cell can have more 1 customtemplate loaded. have directive holds watcher on model_col_field listen cell updates on scroll when dom rows updated , recompile celltemplate . without watcher , $compile rows repeat on scroll, showing same set of rows. is there more angular way of approaching or way improve performance? relevant controller code: create gridoptions.data & gridoptions.columndefs : var customtemp = '<div ng-repeat="opt in grid.appscope.colvalueoptionsmodel" ng-init="tempstring=model_col_field.clazz+opt.key;"><comparison-directive dbo="model_col_field" attobj="opt" fff="grid.appscope.getattributetemplate(tempstring)" /></div>'; $scope.gridoptions.columndefs = [ { name:'yindex',pinnedleft:true,celltemplate: customtemp, displayname:'index'}, { name:'col1',celltemplate: customtemp}, { name:'col2',celltemplate: c...
Read more