sourcecodedynamics

For reference, Autoptimize was causing the jumbled code. I was able to tell immediately after disabling it. I re-enabled it as it does a great job at reducing page load time. At least now we know why.

Thanks csloisel. If the jumbled html is the result of minify and is normal then I am okay with it (especially if it reduced page load speed). Just an observation I had while trying to pinpoint why my site is so slow.

I am still on the hunt for how to speed up my site, but that’s another topic. Appreciate the help.

I was using W3TC and enabled the option to minify HTML but I have deleted that plugin. Would it “un-minify” during un-installation you think? Would minify’d HTML contribute to slow speeds?

I resorted to using an html image map to create multiple links on the same image and used the plugin “Responsive Image Maps” to make it responsive. There are several html image map generators out there, I don’t recall the exact one I used.

I tried creating a DIV in the header.php file (in child theme of course), then styling that DIV in the stylesheet. Nothing I do in the stylesheet seems to reflect on the newly created DIV.

I can see the text within the new DIV and using firebug, I was able to see the newly created DIV begin reflected.

In the header.php file, the DIV is:

<div class="site-header-text">
This is some site header text
</div>

The style.css file has the following:

.site-header-text {
position: fixed;
top: 30px;
right: 50px;
z-index: 4;
background-color: #000000;
}

Any help is appreciated, thanks!

I added:

.page h1.entry-title {
    display: none;
}

to my style.css file in my child theme and it did not remove the page title. What gives?

I couldn’t position it in the header for which I had an image in, I ended up doing this in the showcase banner which worked out well.

Thanks for your help!

I realized I did not have my child theme active. I ended up putting this into a text widget.

Thanks for your help thought, I do appreciate your time.

All clear! I activated the child theme and it worked perfect. Thanks so much for your help!

child theme, style.css:

/* Add your style.css changes below */

.page-id-37 .entry-title {
display: none;
}

/* mobile styling changes below */

parent theme, style.css:

.form-search .input-append {
margin-top:12px;
margin-bottom:12px;
}

}

No dice ??

Did I overlook something?

I added another } and the very end of the parent style.css but it didn’t resolve the issue. I did place the code you initially sent into the child style.css file.

I neglected to mention, i have a plugin that creates a button and assigns a short code. ‘m guessing the style.css would need to be edited, I guess the more detailed question is, where in tat file would I need custom css code?

I did some coding in

<div id=”st-banner0-wrapper” style=”background….

but that did not seem to allow placement over the image.

I just shot you a message, thanks.

BTW, would I be editing the child theme style.css? If, what section?

I still can’t position it correctly. I tried this:

[ Moderator note: please wrap code in backticks or use the code button. ]

<?php echo do_shortcode('[maxbutton id="2"]'); ?>

.maxbutton-2 {
position: absolute;
z-index: 10;
top: 20px;
left: 20px;
}

but it did nothing. So then I tried this:

<?php echo do_shortcode('[maxbutton id="2"]'); 

.maxbutton-2 {
position: absolute;
z-index: 10;
top: 20px;
left: 20px;
}

?>

and got a 500 internal server error.

Great, this got it to show up on the page!

Now how do I position it? I tried inserting some of the initial code I mentioned but ti didn’t work out.