Home › Forums › Archived Forums › Weaver II Theme › Aligning questions
- This topic has 44 replies, 2 voices, and was last updated 7 years, 9 months ago by
scrambler.
-
AuthorPosts
-
August 17, 2015 at 01:35 UTC - Views: 4 #23708
scrambler
ModeratorI checked with weaver and here is some input (below) you need to take to your host provider to see if they can help you fix it“On the browser developer tools console, it says that jQuery is not being loaded because of a 403 (forbidden) error – which would mean a permission problem.There are a bunch of other files that can’t be read either.I think all the advertising stuff that where added broke things – apparently file permissions.So you needs to contact the host and see why WP can’t load files from /wp-includes/js/.
There is no hope until that is fixed.”August 17, 2015 at 11:26 UTC - Views: 2 #23709Madling
ParticipantI think the menu problem is solved π
Thank you… thank you…thank you!August 17, 2015 at 16:46 UTC - Views: 2 #23710August 17, 2015 at 17:42 UTC - Views: 2 #23711Madling
ParticipantYes they did π
THANK YOU @scrambler and @weaver.Now that the menu box is working I have some more questions…1. Is it possible to change the size (tekst size) of the menu items/categories?2. What do you think is the best possion for the search box?August 17, 2015 at 17:49 UTC - Views: 2 #23712scrambler
ModeratorAnd the confirmation was what … π
1- Put the rule below in Main Options > Menu Bar > Menu bar text CSS+ box
{font-size:150%;}
with the value you like
2- that is really up to you, but given you don’t have pro, you don’t have the search shortcode to insert anywhere, so you can only use it where you have the option which is in the menu bar options
The latest theme (Xtreme has a few more options)
August 19, 2015 at 17:44 UTC - Views: 2 #23713Madling
ParticipantFor some reason the folder with those files was locked.
So I contaced my host to solve it.1- I meant the text size in the menu bar – mobilephone edition π2- I will try it out.Thank you.August 19, 2015 at 18:27 UTC - Views: 2 #23714scrambler
ModeratorTo change the menu font size on mobile use the rule below@media only screen and (max-width:640px) {
#access a {font-size:16px !important;}
}With the value you wantAugust 21, 2015 at 19:09 UTC - Views: 3 #23715Madling
ParticipantPerfect π
1) Can I change the text size “Forside” and “Menu” – mobilephone edition?2) Can I center the search box or make it bigger – mobilephone edition?Right now it’s in the left side.August 21, 2015 at 19:30 UTC - Views: 2 #23716scrambler
Moderator1).mobile_menu_bar a {font-size:150%;}2)Centered, add the rule below to the previous @media menu rule@media only screen and (max-width:640px) {
#access a {font-size:16px !important;}.searchform input#s {display:block;margin:0 aut0;}}Full width use@media only screen and (max-width:640px) {
#access a {font-size:16px !important;}
.searchform input#s {width:100%;}}August 25, 2015 at 08:54 UTC - Views: 25 #23717Madling
ParticipantThank you very much π
I used the second rule. The first one didn’t change anything.I dont’t think it looks good to have the searh box in the menu – it’s too small there.So maybe the best place is in the bottom. Although it is a little far down the page.1) How can I center the orange follow buttons and text? – mobilephone edition.(the four buttons facebook – pinterest – instagram and bloglovin)2) How can I center the two ads (the buttom of the page)? – mobilephone edition.3) Try to select a blogpost – How can I get the text and 3 pictures to fill the whole space/screen? – mobilephone edition.The text above the pictures says “Se flere indlΓ¦g:
I use the plugin WordPress related posts.4) How can I make the pictures “Nye indlΓ¦g” bigger? – mobilephone edition.I use the plugin Special resent posts.The settings:/*Welcome to the Special Recent Posts Custom CSS editor!Please add all your custom CSS here and avoid modifying the core plugin files, since that’ll make upgrading the plugin problematic. Your custom CSS will be loaded in your <head> section of your wordpress theme, which means that your rules will take precedence. Just add your CSS here for what you want to change, you don’t need to copy all the plugin’s stylesheet content.*/August 25, 2015 at 16:44 UTC - Views: 18 #23718scrambler
ModeratorI don’t mind helping, but I cant be doing all the work for you π
You need to start learning how to apply what we discuss to these things and how to use your browser developer tools to inspect your site.
1) Your follow widget comes from a plugin, so you need to first check with the plugin developer if they have an option to center it. Overriding the CSS of a plugin can break with any of the plugin update and should be last resort.
The widget ID is sfmsb_settings-4 so the rules below will set its content to be centered. The second rule is needed so that the container of the icons (a div with a class sfmsb-follow-social-buttons) gets centered too
#sfmsb_settings-4 {text-align:center;}
div.sfmsb-follow-social-buttons {display:inline-block;}2) If by the two adds you mean the nice hair.dek and the long banner below it.
The nice hair has an ID text-27 so the rule below will center it
#text-27 {text-align:center;}
To only center it on mobile, place the rule in the @media rule I gave you before
@media only screen and (max-width:640px) {
.
.
.
.
#text-27 {text-align:center;}
}The long banner below it is centered but has a problem, and it is the fact that it is not responsive because it has a fixed content width, so no matter what you do when the browser gets smaller it gets cutoff. There is nothing we can do about that.
3) These are in a div container that has the ID wp_rp_first
So the rule
#wp_rp_first {text-align:center;}
would center the contentIf you only want that to be applied on mobile, you can add that rule inside the @media rule I gave you before
@media only screen and (max-width:640px) {
.
.
.
.
#wp_rp_first {text-align:center;}
}As for making things bigger, you need to check if the plugin has different settings for image sizes. The plugin is settings the image size to a fixed 100px. They would need to offer different size, or better they would need to offer responsive settings using %. This would be the only way to make it spread the whole width responsively. So speak with them to see if they have the feature or are willing to add it
4) Same here this is a plugin, it is loading the thumbnails version of the images, that are 150×150. Check if they have an option to use the larger version of the image. If we would use CSS to make the image bigger, it would be blurry.
For all these post widgets, you should investigate weaver Show Post shortcode, it can probably do all of that and would be better managed
August 28, 2015 at 08:59 UTC - Views: 3 #23719Madling
Participant1) Does this also apply when it’s only a rule for the mobilephone view?
Overriding the CSS of a plugin can break with any of the plugin update and should be last resort.It’s now working π2) Working I found the two text ID.3+4) I will try to ask them.Thank you for all your help πAugust 28, 2015 at 16:49 UTC - Views: 2 #23720scrambler
Moderator1) “Overriding the CSS of a plugin can break with any of the plugin update and should be last resort.”
Yes it always apply as the plugin developer may makes changes that makes your overriding rule invalid. But if the plugin does not offer any way to do what you want, then it is worth the risk.
-
AuthorPosts
- The forum ‘ Weaver II Theme’ is closed to new topics and replies.