I have a blog to build and I am using the "ample blog theme" in WordPress. The website should be non responsive. The mobile version should look the same as the desktop version. I have removed . It did not work. I have replaced the "content="width=device-width" to "content=width=1024". It did not work. I have replaced the media queries in the bootstrap.min.css to 200px. That did not work. I am asking what else to try. The theme I am using is "Ample Blog". I was told by the theme support to remove the bootstrap CSS, but when I did everything become stacked in desktop mode.
Check the source code in the browser to see if the device width meta is being reinserted by a plugin via javascript or php method.
If yes, try disabling individual third party plugins and check each time.
Another option is to set the main wrapper width to an absolute width and use !important example
.mainwrapper {width: 1200px !important; min-width: 1200px !important;}
Related
I have developed probably 15-18 custom sites using Wordpress as my CMS and have never seen this before. Every time I insert an image (from the media gallery or directly into the WYSIWYG) it wraps that image in a div with id=attachment-[att#]. It also gives that div a fixed width which is causing quite the headache when trying to make my images responsive. Does anyone know how to stop this, I have been trying for a few hours. Thanks! Oh btw, I am using a custom theme with minimal markup, just a simple blog archive and single page and a frontpage, the only thing I have done in my functions.php is to enqueue my scripts.
Presumably this was a new feature back in 2015 when this was asked. The answer is that when a caption is set on an image in a post (rather than just an uncaptioned image) the editor wraps it in the [caption] shortcode. That shortcode can be filtered (https://developer.wordpress.org/reference/functions/img_caption_shortcode/) but the width attribute always has to be a pixel dimension width greater than 0 and without that attribute the caption will not render (in that case just the image will be shown).
The markup for the captioned image depends on if your theme supports HTML5 markup for the caption. When developing your own theme you may or may not want to enable this: https://developer.wordpress.org/reference%2Ffunctions%2Fadd_theme_support%2F/
My working solution is to force the width to 100% with a CSS override on the caption class: .wp-caption {width: 100% !important}
The site I am maintaining has bugs in the header and widget blocks. How do I change this?
Search bar is out of alignment with nav menu.
News and Events widgets overextends if too much text is displayed.
a. The news widget is from an automatic feed.
http://cafes.calpoly.edu
One error only shows in Chrome browser. In Safari I at least don't see the News widget over extending but the search bar in the main header navigation menu appears to have a distorted div in all browsers.
I am new to Drupal but am pretty familiar with Wordpress.
Is there a module I can download to enable me to fix this? If so, what code snippet could I use to establish the proper parameters for these blocks?
1) Option one reduce li font size if client is ok with it
font-size: 0.75em;
This worked for me and you the search bar was fixed.
2) Second option is to trim the text length. There is only so much u can fit in those tight cells.
abt the news widget I don't see anything wrong.
There is no "CSS" module in Drupal. To fix the issues you've mentioned you need to make small changes in the css files. To fix the search box aligment you should reduce the font-size of the menu items.
You will need at least ftp access to the site.
In my blog, the text that says "Older posts" is written in gray, and very invisible. I would like to change its style.
I can do that through the php files, but then, every time I update the theme, I'll have to redo that. So I need a way to do it in a way that makes it independent of updates.
Thank you for any efforts.
You can install the plugin http://wordpress.org/plugins/my-custom-css/
And Add the CSS code for the pagination.
If you have google chrome just right click over the Older Posts Inspect Element
See the CSS class used by it and add the CSS code for that class in the Plugin after installation.
You should be able to style the link with CSS but it is difficult to show you without any code segments provided in your question.
If you use chrome developer tools, simply click on the element, find its class name and reference it in your style sheet.
I've provided an example below which is taken from another wordpress theme, but I cant guarantee it will be the same as your own:
<div class="post-more">
<span class="read-more"><a title="Read more" href="http://www.website.com">Read more</a></span>
</div>
The CSS:
.post-more a {
color: #000000; /*New Colour*/
}
I am creating a custom theme, made all the static html/css and now I am converting it to PHP for wp.
I don't know what I changed, but now whenever I make a change and reload, I cannot scroll down. There are no posts, this is not a blog, but the whole front page doesn't fit on the screen.
I turned on debugging and got a few errors I expected from plugins, but those plugins were active before when scroll was working. I am not using any javascript or jquery.
There is no scroll bar, and scrolling does not work (safari/chrome/firefox) but on my wife's PC in chrome it does work.
No ideas, please help!!
Figured it out
At the top of my stylesheet under html and body styles, I had
img { max-width: 100%; overflow: hidden; }
That line works ok with a static site, just not the php generated wp site.
I made a wordpress site and it has an error in which a "dynamically generated style sheet" creates this style:
content {width: 0px;}
This causes all of my content to squish to the left. http://wp.townsendsites.com
Is there a way to get rid of this, or override it in either the php or css?
If you want to overwrite a markup that cannot be overwritten, use: width: 80% !important;
it's not the best practice, but it works. 80% is an example.
A neater way to solve the problem isn't to try and override the styles; it's to work out why those styles are there in the first place.
I've had a very quick poke around the theme and I can see that the dynamic stylesheet is generating its styles based on theme settings; the theme should have an extra options screen in the admin area where you can enter your own width for content.
Failing that you can comment out line 619 from 'functions.php' which currently reads "add_action( 'wp_enqueue_scripts', 'bitLumen_enqueue_dynamic', 10 );"
That's the line that loads up the dynamic stylesheet
I'd recommend you try and find the settings in the admin area first; no sense trying to brute force your styles with !important rules