Home Forums Weaver II Theme Aligning questions

This topic contains 44 replies, has 2 voices, and was last updated by  scrambler 3 years, 3 months ago.

Viewing 13 posts - 33 through 45 (of 45 total)
  • Author
    Posts
  • #23708

    scrambler
    Moderator
    I 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.”
    #23709

    Madling
    Participant

    I think the menu problem is solved πŸ™‚

    Thank you… thank you…thank you!
    #23710

    scrambler
    Moderator

    Yes it appears so. Thanks @weaver

    Did you host confirmed what the problem was?

    #23711

    Madling
    Participant

    Yes 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?

    #23712

    scrambler
    Moderator

    And 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)

    #23713

    Madling
    Participant

    For 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. 
    #23714

    scrambler
    Moderator
    To 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 want
    #23715

    Madling
    Participant

    Perfect πŸ™‚

    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. 
    #23716

    scrambler
    Moderator
    1)
    .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%;}
    }
    #23717

    Madling
    Participant

    Thank 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.
    */


    #23718

    scrambler
    Moderator

    I 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 content

    If 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

    #23719

    Madling
    Participant

    1) 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 πŸ™‚
    #23720

    scrambler
    Moderator

    1) “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.

Viewing 13 posts - 33 through 45 (of 45 total)

You must be logged in to reply to this topic.