Forum Replies Created
-
Posts
-
Depending on where exactly you want to have the line appear, you could do something like this:
.site-header {
background-color: #fff;
border-bottom: 1px solid #ff4800;
}On line 456 of your style sheet, you could just add some left-padding, like this:
th, td {
text-align: left;
border: 1px solid #ddd;
padding: 6px 0;
padding-left: 10px;
}You could try accessing the relevant style in your media queries and adding some negative margin-bottom. Generally, if you're making changes to the main style, you often need to make an edit in the media queries as well, since one is dependent on the other.
It is possible, for sure. If you can include a link to your site we can help point you in the right direction in terms of the css you'd want to change to accomplish this.
Without seeing the plugin and how it's configured, it's difficult for me to know. But you could try adding that "rpwwt-post-title" class to your stylesheet, and add a font size there, and see if that makes a difference on the front end. Even better would be if the settings page of the plugin (if there is one), lets you change the title siz, but that may not be the case - it depends on the plugin and how much customizability it offers in its settings.
Yes, you could do that by the use of a conditional statement and a snippet of code to modify the length of the post excerpts. The last snippet on this page is for adjusting the excerpt length. You just need to wrap this in a conditional statement so it targets only the category you want this apply to: https://my.studiopress.com/snippets/post-excerpts/
Hi there. Just so you know, right now all we can see is a MojoMarketplace splash page when we click on your site link.
When you make a change in your main styling, you will sometimes also need to make an edit in the responsive aspects of the styling as well. What you'll want to do is scroll down till you get to the media queries section of the style sheet. It's here that styling as it pertains to smaller screens is handled. You'll want to include the class you adjusted here as well, and style appropriately for the smaller screen size.
I looked at your sidebar links, and by "inspecting element" in Chrome, I can see that this span class is being applied: "rpwwt-post-title". This is likely controlled by the plugin itself. To change the size of the title text you can either look to change this style class "rpwwt-post-title" in the plugin's css file. Or, you can try and style for this by including this class in your theme's style sheet, and adding your own font size to override the original.
By the way, there's always a way to style for specific instances - it's just about being really specific in the classes you're targeting. That's why right-clicking and using "inspect element" over a certain element is really helpful - as it will show you which styles are being applied. From there it's usually fairly straight forward to determine which ones you need to adjust to make a desired change in styling.
Yes, the various image dimensions are pre-set, because that ensures that everything stays aligned. While you can change those set image sizes, unless you're a developer and want to get into the code, you're better off probably leaving them as is. The better option is to familiarize yourself with the various image dimensions, and then crop and resize your original images to fit those dimensions before uploading them.
Hi there,
Having 6 to 8 footer widgets is probably an unusual request, as that's a lot of content to fit within a limited space. To do it you would need to make an adjustment to your functions.php file, and then making adjustments in your style.css file to style it all. As a suggestion, you may be better off stacking two rows of 4 widgets, rather than trying to fit 7 or 8 in one line. Here is a link to the page that described how to customize the footer widgets:
http://my.studiopress.com/tutorials/add-footer-widgets/Regards,
DarrenHi John,
Without knowing what changes were made to make this happen, one quick way you can rectify this is to add some additional padding. On line 474 of your style sheet you'll see this "site-inner" class:
.site-inner {
clear: both;
margin: 65px 0 40px;
}Just add additional top padding, to something like:
.site-inner {
clear: both;
margin: 155px 0 40px;
}Ideally, you'll find out what change was made that caused the issue to begin with. But this will give you a solution as well.
Yes, there are definitely easy to use, easy to customize WP plugins for this kind of thing. Here's a link:
https://wordpress.org/plugins/newsletter-sign-up/You can change the fonts used, yes, It's done via a combination of additions/editions to your functions.php file, as well as your style sheet - style.css. Here is a link to an article that describes how to do this with Google fonts: https://www.studiopress.com/google-web-fonts/
Hi there,
Yes, you're correct that what you're likely running into is that the changes you've made in the css only affect the desktop rendering; the mobile rendering is a different matter. Generally, when making these kinds of edits, you're better off just following the pre-existing Genesis classes for different columns as is described here: http://my.studiopress.com/docs/content-column-classes/
By doing it this way, you're guaranteed that the mobile rendering will appropriately be adjusted as well, and that cross-browser testing and the like have already been dealt with.
-Darren
