Extending Margins on WordPress CSS - css

I'm using a WordPress hosted site and my main concern is that the margins aren't as I'd like them to be. I'm not sure how I can express what I mean here, but I'll give it a shot.
This is the homepage with blog posts:
Blog title,
Blog body is this,
continues here... I just
need to increase the right
margin.
Again, it isn't that much to the right as it's displayed here -- it's even placed, I'd just like to extend the right margin, rather. which part of the code with that be in? Should I update it with the code?
Update
Is it this code?
}
.entry-content {
overflow: hidden;
zoom:1;
}
/* Sidebar
or this?
}
h3, #sidebar, .postdata, .entry-content {
font-family:'helvetica neue', helvetica, arial, sans-serif;
}

It's kind of hard to know without more proper technical info (html and css code).
I'm guessing here you should look for entry-content class in the style.css file of your theme directory and add the margin you desire.
If you can't find the class there, just add it at the end of the css file:
.entry-content{
margin-right:100px;
}

Related

How To Edit The Font Of A Testimonial Carousel in Squarespace Using CSS?

I am trying to edit the font of some text within a testimonial preset carousel within Squarespace (on the home page of the site linked below).
enter image description here
I have successfully changed the text below it using the following code:
enter image description here
section[data-section-id="63c390bd1403971a5efb5e19"]
.user-items-list-item-container p
{
font-family: "Steelfish";
font-size: 31px;
}
However I cannot seem to find a way to change the font of this main text.
I am open to all suggestions and am getting quite desperate as this job has carried on a lot longer than anticipated.
Any help would be greatly appreciated.
https://orb-seahorse-ha47.squarespace.com/
password123
/* attempt at testimonials top text */
section[data-section-id="63c390bd1403971a5efb5e19"]
.user-items-list-carouselslides user-items-list-carouselslides--initialized p
{
font-family: "Steelfish";
font-size: 31px;
}
Tried this unsuccessfully
Also tried h, h1, h2, h3
Unless we do a lot of digging, it looks like the font-size is going to need the dreaded !important. See if this will work for you:
section[data-section-id="63c390bd1403971a5efb5e19"] h2.list-item-content__title {
font-family: "Steelfish";
font-size: 51px!important;
}

Can't see my mobile menu anymore (Wordpress)

I have a Wordpress page, which I've set up for a friend. It all worked well, but since a few days or weeks the mobile menu (icon) doesn't show anymore. Can anyone find out what this could be?
The page: http://www.cabane-blanche.ch/
put this code in your theme style.css
nav {
font-size: 20px; }
A CSS rule in your themify-customizer.css file is causing the font size to be 0px for everything inside header.
#header { font-size:0px;
}
at line 59. You must remove this rule and it will fix this problem. It is also causing the dropdown item at "WARENKORB" tab to not show up.
If you only want to fix the mobile menu leaving the header rule intact, you can add following code to your style.css, Although I recommend the fix mentioned above instead.
.icon-menu {
font-size: 30px;
}

Change title size to a post title using child theme?

I remember my theme had an H1 for my Posts titles in the "Next Posts" section at the end of a post, then out of nowhere it changed to H4, how can I change it to the way it was before?
I've tried but failed everytime.
You can take a look at the "You Might Like This Too" section: http://thenoirportrait.com/2014/08/23/review-chanel-perfection-lumiere-velvet/
Thank you!
Okay let me explain you why having a h4 there is good and how you can change that.
You need to understand something first : In HTML, there's some title level to help the website but also software for disabled people to understand the order of the site. Who is more important etc. You must not think your title in a style way, you must think about it in a level way. So your H4 is fine.
Now if you want to change the size of your H4, you'll have to change their style in your Css. I guess you're using a wordpress, so you'll have to change it in the style.css file.
Go to your editor in wordpress at the bottom of your css file add this line.
h4{
font-family: Prata;
font-weight: 400;
font-size: 1.375rem;
line-height: 1.875rem;
text-align: center;
color: #000;
}
now all your h4 will match your H3, the other alternative is to actually go to the template that contains your post titles and change the post title from h4 to h3

CSS/Wordpress: can't change menu font size

I have a Wordpress website and am trying to change the font size of the main menu. From Chrome, When I do an "inspect element" on the page I can see that the menu element is laid out thusly:
.blog-menu a {
font-size: 13px;
}
When I change the font-size to another value from within inspect element, the change is properly displayed on the page. However when I add the code:
.blog-menu a {
font-size: 25px;
}
to my style.css file, the change is not registered. Any thoughts as to what I'm doing wrong? Probably something stupid.
This can often be caused by styles being applied from your cache. To clear your cache and reload the page, pressing CMD/CTRL+Shift+R (Mac OSX and Windows, respectively).
If the new style is still not being applied, it's possible that another style is overriding it. This can be caused by a style being applied after your code, or before your code with the !important tag.
Some questions that may help you figure this out:
What does your environment look like? Is your style.css in a child theme's folder? Is another stylesheet being called after your style.css?
Updated as per comment conversation:
<style type="text/css">
.blog-menu a
{
font-size: 25px !important;
}
</style>
<div class="blog-menu">
<a>This should be 25px</a>
</div>

How to print a webgrid in Landscape in MVC 3

Can any one help me in printing a webgrid in landscape
You have to do this in CSS, defining a stylesheet appropriate for printing. You can't control the printer preferences from a browser.
In other words, is up to the user to select the paper orientation he wants to use. You can only "help it" a bit using appropriate styles for printing. Read here.
One common approach to this is to create a custom print CSS stylesheet. It can be pretty simple.
This short article will guide you through a simple example.
Once you grasp the concepts involved, you can add specific CSS for your web page.
Here are the basic steps:
1) Reset all the padding and margins:
body {margin:0; padding:0; line-height: 1.4em; word-spacing:1px;
letter-spacing:0.2px; font: 13px Arial, Helvetica,"Lucida Grande", serif;
color: #000;}
2) Remove elements you don't want to print, such as the page header, logo, menus, etc. In your case, you may want to hide everything but the grid.
#logo, #catnavi, .topnavi, .more-link, .navigation, #sidebartop, #related, #social,
#sponsors, .tabs, #allpost, .toolbar, .splitbox, #commentform, #commentabs .idTabs,
.postmeta-content .comments, #respond h3, .tag, .footerlinks {display:none;}
3) Optionally, display the URL in the print document (hiding links will hide the URL)
4) Optionally, insert page breaks
#comments {page-break-before: always;}
5) Add a <link> tag at the top of the page to include the .css file.

Resources