Search Results for 'css'

I keep a folder with copies of the files I hack each update so I can remember them at a glance, a text file with my additions to put at bottom of functions.php and note as to which section by line number x-x to remove; and a text file with cheat sheet of the search/replace for the style.css file. Not too painful. Kind of started when I had existing read/hit counter and needed to update the module to load the existing “field” vs the one used by Newspaper for hit counting. Then it was uncommenting the author byline each time in the main post file. Then it was the custom font loading. Well, there you are. As long as I have my local “cheats” folder, I can usually open two windows with both old stuff and new version of theme and then just top to bottom change stuff in new update folder, and then upload to server and it’s like nothing changed for the stuff I modified.

And, benefit is the style redirect issue that Google doesn’t like with child themes, and much easier to deal with any custom css over-rides as well as issues with tagdiv’s in house speedbooster plugin, etc.

At least this has been my experience 🙂

My hard work has pay off my google score is very nice…

Mobile score 94%

Desktop Score 95%

I don’t really know how to fix the left problem; I would probably just drop the CSS for the horizontal whitespace since it’s likely to break the grid. Or at least limit it by screen size:

@media (min-width: 1019px) {
  .span1, .span3, .span4, .span6, .span8, .span9, .span11, .span12 { margin-left: 20px !important; }
}

Space between menu and content, in four directions so you can adjust more easily:

.td-grid-wrap {
padding: 0px 0px 0px 0px;
}

Hi Guys,

Just wanted to let you know that I was able to fix it. What I had to do was completely change all font-family code on the main themes style sheet, make all the child theme settings in the theme panel the same font, and do custom css in the child theme for h1 – h6.

That’s a lot of time and work just so things so correctly in IE.

Thanks,

Suzanne

• This reply was modified 11 years by SuzanneL.

@mboydnv

I needed this also, and the example provided in the screenshots above worked first time out.

Basically you’re wrapping a span class for the button in the anchor link, vs using a shortcode for the button. The example does not use the shortcode which I think is where you’re getting hung up here.

Think of it this way, and this is not the explicit example from Lucian’s code, just simpler way of showing what is happening, while *not* using a shortcode. And be sure to do in text editor mode, not visual editor mode as you’re working with plain HTML/CSS.

<a href=""><span button class></span></a>

• This reply was modified 11 years by simchris.

Hi there, i dont want to open a new post since my problem is the same as Shashank.

I was able to implement all the css and js to the speed booster file, but cant find the IDs for

http://www.techizm.com/…-includes/js/jquery/jquery.js?ver=1.11.0

http://www.techizm.com/…s/jquery/jquery-migrate.min.js?ver=1.2.1

Could anyone help me?

Thanks in advance!

Hi TheMediumUTM;

Thank you again.
Now it looks good and I like it. As you can see there is little problem that is margin from the left and the space between the header and block slide.
When I checked how the site apears on mobile the margin left problem seem clear.

This is what i did. I put all the css codes together, changed px values, copied all of them and pasted in theme panels costom css area.

.span1, .span3, .span4, .span6, .span8, .span9, .span11, .span12 { margin-left: 20px !important; }
.block-title { margin-bottom: 10px; padding-bottom: 10px; }
.td_mod_wrap .meta-info {display: none !important;}
.td_block_wrap { margin-bottom: 0px; padding-bottom: 10px; }
.td_mod_wrap { margin-bottom: 10px; }
.td_mod1, .td_mod2, .td_mod3, .td_mod4, .td_mod5, .td_mod6, .td_mod7, .td_mod8, .td_mod9 { margin-bottom:
10px!important; }
.td_mod_wrap .thumb-wrap { margin-bottom: 10px; }
.wpb_row { margin-bottom: 10px; }
.td_mod3 { min-height: 65px; }

Regards
Ecofame

th = table header
tr = table row
td = table cell

You may want to do a search online for how CSS3 tables work.

Example:

table, th, td {
    border: 1px solid black;
 } 

Not sure, but the theme might support Bootstrap 3 common table styles like so:

class="table table-bordered"

ref: http://getbootstrap.com/css/#tables

Hope that helped 🙂

• This reply was modified 11 years by simchris.

It’s a little bit of custom work, so if you aren’t comfortable coding you’ll have to find someone. I did this recently and my own steps were:

1. Replaced searchform.php with my own (so widgets would be replaced with mine too; not necessary, you could just use the theme default)

2. Edited the div for the search out of the menu in menu-header.php and menu-header-center.php (one or the other, I forget which), and instead had a div that uses the WP function get_search_form()

3. Styled my new div using CSS to sit at the right of the menu, use my own icon, etc.

Result: http://www.screencast.com/t/UawDauvLXV

It definitely does work; a large number of us use it 🙂

The most common reason I’ve heard for the result you’re describing is that you have minifying CSS and/or JS turned on in W3 Total Cache. Not all themes play well with minifying.

So you pretty much want all the whitespace gone at once? That’s a lot of CSS; here’s my shot at it.

First, still keep this:

.td_mod_wrap .meta-info {
display: none !important;
}

Now:

.td_block_wrap {
margin-bottom: 0px;
padding-bottom: 0px;
}

.td_mod_wrap {
margin-bottom: 0px;
}

.td_mod1, .td_mod2, .td_mod3, .td_mod4, .td_mod5, .td_mod6, .td_mod7, .td_mod8, .td_mod9  {
margin-bottom: 0px!important;
}

.block-title {
margin-bottom: 0px;
padding-bottom: 0px;
}

.td_mod_wrap .thumb-wrap {
margin-bottom: 0px;
}

.wpb_row {
margin-bottom: 0px;
}

.td_mod3 {
min-height: 65px;
}

This removes all the whitespace that I could see on your homepage. As others have said, I actually think this is way too dense a style. Having some whitespace is good!… Play with the above numbers until you’re happy with it.

This last bit is the whitespace between vertical elements. It’s experiemntal and I haven’t tested it thoroughly. It’s tricky to get rid of this because it does not play well with the grid layout that the whole theme is designed around (and doesn’t change the overall site width, e.g. your main menu). I would personally avoid using it.

.span1, .span3, .span4, .span6, .span8, .span9, .span11, .span12 {
margin-left: 0px !important;
}

Again, change that number and if necessary separate the individual span classes so you can adjust their margins individually.

Note that it looks like you have a row after your video in the page editor, which is the source of the whitespace between that and the footer. You also have a text widget in the sidebar, which is the source of the whitespace above the socials widget.

There may also be whitespace elsewhere on your site that’s not on the homepage. Most of it would be caught by the above, I think…

Ah, you’re using a child theme. I don’t use child themes due to these kinds of issues, because the css is basically a “redirect” to the main CSS, and Google ‘frowns” on CSS redirects even though WordPress loves them.

So, that might or might not be the issue. The style.css I was referring to is the “main” one in the main theme, not the child theme.

I no longer use child themes, to achieve better pagespeed, so I guess I’m out on any help for this one 🙂