Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 3, 2018 at 3:02 am #1017300
    webguy007

    Hi,

    1. How exactly do I change the font style only on the blog page and each blog post?
    2. How can I have the Post default sidebar selected with Contact US for example vs having to manually select it each time?
    3. How can I have Post > Layout > Sidebar Settings > Defaulted to Right Side Bar vs having to select it each time?
    4. Any way to change the previous posts Side Bar and Layout sidebar settings globally vs going into each post? I have many posts to change?

    Thanks!

    October 4, 2018 at 5:45 am #1017681
    webguy007

    Hi,

    In addition to my questions above. I need help with the top header bar with the Phone number. I found some CSS code and added it to the top of my CSS quick settings which made the bar it’s in taller which is good. However, I need to make CALL US NOW: and the phone number larger font.
    In mobile, the phone number gets chopped and needs to be on the same line and with a good working font. It’s messed up for some reason.

    This is the code I added to quick CSS:

    /*Added below code for top header phone number */
    #header_meta .container, #header_meta { min-height: 20px; height: 45px; }
    #top #header_meta a,
    #top #header_meta li,
    #top #header_meta .phone-info {
    font-size: 24px;
    padding: 15px;
    }
    @media only screen and (max-width: 990px) {
    #top #header_meta a,
    #top #header_meta li,
    #top #header_meta .phone-info {
    font-size: 16px;}
    }

    October 6, 2018 at 5:23 am #1018385
    Mike

    Hi,
    Sorry for the late reply, to change the font style for the blog page and all blog posts we can help with some css to effect only those pages. For example:

    #top.page-id-18 p,#top.page-id-18 h2 a, #top.single-post p,#top.single-post h1 a,#top.single-post h2,#top.single-post h2 span{
font-family: "HelveticaNeue" !important; 
    color: #222 !important; 
}

    The “page-id-18” is your blog page, and all posts will have “single-post” in them, Then we just add the elements that you want to effect, such as paragraphs (p), links, (a), and headings (h1,h2)
    So you can use this css to try setting your own styles, or if you explain what you would like we can assist.

    You can set your default sidebar settings at Enfold Theme Options > Sidebar Settings in combination with choosing a sidebar in the widgets area to have only certain sidebar on pages vs posts or archives. For further control you can use the plugin Widget Options easily assign pages visibility and restrict each widgets on different pages, posts, custom post types, categories, tags and custom taxonomies.

    To change the “next” and “previous” posts order you can go to your posts listing and use the “Quick Edit” option under the title if you hover over them and change the date or time to change the order.
    2018-10-05_225810
    Or you can use the plugin Post Types Order to drag & drop the order.

    I logged it to look at your top phone number, and I tested with many sizes, and recommend adding this code in the General Styling > Quick CSS field instead of your current css to manage your phone number font size:

    @media only screen and (min-width: 500px) { 
#top #header_meta .phone-info a,#top #header_meta .phone-info span {
	font-size: 30px !important;
	line-height: 30px !important; 
	padding: 0px !important;
}
}
@media only screen and (max-width: 499px) { 
	#top #header_meta .phone-info a,#top #header_meta .phone-info span {
	font-size: 17px !important;
	line-height: 17px !important; 
	padding: 0px !important;
}
}

    For mobile device sizes it’s the max size without breaking the singe line, and it’s much larger for larger devices.
    Feel free to adjust the sizes to suit.

    Best regards,
    Mike

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.